weex 04 custom components and Text components

Customize a general header component, which contains a text component. In this way, other modules can directly import registration references when using header. Custom components Create a new top header.vue file Complete the following code in top_header.vue <template> <div class="topheader"> <t ...

Posted by igorlopez on Wed, 01 Jan 2020 03:06:44 -0800

Vue core technology-45,Axios introduction and simple use

I. Preface In vue1.x, the official recommended HTTP request tool is Vue resource, but vue2.0 changed the recommended tool to axios After Vue 2.0 is added, Vue resource will not be updated any more, so HTTP request is introduced to axios axios and Vue resource are used in a similar way, Note: res returned by axios interface i ...

Posted by reloj_alfred on Tue, 31 Dec 2019 23:18:00 -0800

Vue uses axios to cancel the last request

Project requirements: when switching goods in list mode, sometimes the result of the last request is very slow, and I click another product, at this time, the interface of the second request is faster than the last one, so the information you click the second product is the last product information, which is extremely bad user ...

Posted by PHPNewbie55 on Tue, 31 Dec 2019 20:17:42 -0800

2 basic steps of writing vue

Basic steps of vue The code of Vue is placed in the generated src. Under the src, App.vue is the root component, main.js and components (other components are placed inside) First, define a component name in components, and write content in it. Take HelloWorld.vue as an example: <template> <div class="hello"> ...

Posted by possiblyB9 on Tue, 31 Dec 2019 13:16:05 -0800

How to solve the problem that html page can't use template page

For HTML+ajax development front-end, many times the page will have some fixed content, such as a switch at the bottom, which is equivalent to a tab. Many pages will use it. It is certainly not wise to write one page. Once used ifream to implement, ha ha... Use a js file and pull one for each page. This is also OK. Every time ...

Posted by dmarchman on Mon, 30 Dec 2019 22:18:09 -0800

Using HTML, Vue + element UI as desktop UI

DSkin encapsulates the Web UI development mode to develop desktop applications, which is very convenient to use Vue. It's a little like WPF   Let's use element UI as a simple example.   Operation effect; you can change the layout effect according to your own needs.   Element UI template code of main framework   <div id="page" class="shadow ...

Posted by Cheeseweasel on Mon, 30 Dec 2019 20:15:37 -0800

vue event modifier

Be careful: 1. The self event will prevent its own bubbling event or listening event, and will not affect other elements. stop will affect the whole. 2. Pay attention to the use position of the event modifier. stop prevents the event from bubbling from the bottom up. capture executes from the top down. So one is in the child ...

Posted by greepit on Fri, 27 Dec 2019 10:58:26 -0800

Spring boot integrates vue

order This paper mainly studies how to integrate vue in springboot project maven <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> Create a new springboot web project. By default, static and templat ...

Posted by Lexas on Thu, 26 Dec 2019 11:45:56 -0800

Simple seamless automatic rotation of native JS

Recently, js has been continuously strengthened and consolidated. After learning jq and vue, I found that many things are actually unknown. Therefore, some of the bottom things I don't understand, in the end, I just use them blindly. I have been using other people's things, which is not very helpful to my growth. Ten thousand feet high rises ri ...

Posted by Ab on Wed, 25 Dec 2019 11:49:47 -0800

Vue + element El table uses sortable to drag and drop table sort to realize row sort and column sort

Sortable.js is a lightweight JS plug-in for drag and drop sorting lists (although it is small in size, it is powerful)   The requirement of the project is that the table in the element can be dragged and sorted sorttable is used here Sortable.js is a lightweight JS plug-in for drag and drop sorting lists (although it is small in size, it is po ...

Posted by sandingmachine on Tue, 24 Dec 2019 09:36:14 -0800