vue material

How to add mp3 audio files to vue, and how to add mp3 audio to vue Sometimes we need to add an audio file to the vue, but when we directly place the audio file under the assets Directory, we will find that it cannot be played normally. Below are two common configuration methods: Method 1: place the audio file in the static directory and call the file as follows:

Vue. directive () usage and instance details, vue. directive details Official Website instance: Https://cn.vuejs.org/v2/api/#Vue-directive Https://cn.vuejs.org/v2/guide/custom-directive.html The instruction definition function provides several hook functions (optional ): Bind: it is called only once. It is called when the command is bound to an element for the fi

Use the echarts method in Vue, and use echarts for vue The previous article introduces how to use ECharts in webpack. You can click here to view details. 1. Use NPM for installation (Global Introduction) Run the following command: npm install echarts--save Introduce the echarts Module Introduce the echarts module in main. js of the Vue project, that is, write the

Vue uses Enumeration type to implement detailed steps in HTML drop-down box, vue drop-down box The drop-down box contains the Value in option and the option to be displayed. Generally, the Value is used in the background, rather than the option displayed on the foreground. Step 1: Compile the enumerated types required by the drop-down box StatusEnum. java public enum StatusEnum { RED, YELLOW, GREEN} Step 2:

To solve the problem that the routing page cannot be displayed normally when vue-router is built, vue-routerbuild Use vue cli to create a webpack Project Add vue-router and then use the route to introduce a new component. The route and link are written in this way. const router = new VueRouter({ mode: 'history', base:

Detailed description of project-related configuration files extracted during vue-cli packaging, vue-cli configuration file When using vue-cli for development, you often need to dynamically configure some settings, such as the request address of the interface (axios. defaults. baseURL), these settings may need to be set after the project compilation, so in

Vue. js nested loop, if judgment, dynamically deleted instance, vue. js nested Vue. js is currently a popular JavaScript MVVM library, which is built based on data-driven and componentized ideas. Compared with Angular. js, Vue. js provides APIs that are simpler and easier to understand. App.html Differences between v

Solve the problem that the DOM operation on the vue page does not take effect. The dom operation on the vue page takes effect. Symptom: The Element UI is used to render a tree structure. The operation button is displayed when you move the mouse over each node. The effect is as follows: The error section is as follows: After adding a node, move it to the vicinity of the new node (in the figure, move it

Solve the problem of failure after vue. js routing, vue. js Routing A simple routing example (From vue-router 2), But after clicking, only the address bar changes, and the content remains unchanged. some of the effects previously written with jquery are also invalid. the final reason is that the same id was started twice (the first was started when the

I. Lazy Loading It is also called delayed loading or on-demand loading, that is, loading as needed, Ii. Why should I use lazy loading? For single-page applications such as Vue, if there is no application, the files packaged with webpack will be abnormally large, resulting in too much content to be loaded when you enter the home page, which takes a long time, A long white screen is displayed. Even if loading is performed, It is not conducive to the us

In the absence of the use of Webpack+vue router development, want to get the Rul pass the parameter address, directly through a function can be obtained.For example, in a www.test.com/test.html?sign=test address, to get the value of sign, the usual method is to use a function,var geturlstr = function (name) {var reg = new RegExp ("(^|)" + name + "= ([^]*) (|$)");var r = window.location.search.substr (1). Match (REG);if (r! = null) return unescape (r[2

Original addressObjectiveThis period of time to catch the project, need to use a multi-file upload, with Vue for front-end project development. On the internet to find a lot of plug-ins, are not very satisfied, some use cumbersome, and some can not adapt to the project. Just want to toss a bit, write a Vue upload plugin, once and for all, can be used directly later.vue-easy-uploaderhas been uploaded to GitH

Yarn Add Vue Yarn Add Webpack Yarn Add Webpack-cli Yarn Add Html-webpack-plugin Yarn Add Webpack-dev-server Create build, src folder Create a index.html fileDOCTYPE HTML>HTMLLang= "en">Head> MetaCharSet= "UTF-8"> title>Vuetitle>Head>Body> DivID= "App">Div>Body>HTML> Create src/index.js file import Vue from ' vue ' new

The Vue project uses the socket development message reminder. The message server side is developed with node Socket.io. Vue Use Vue-socket.io Development Address: Https://github.com/MetinSeylan/Vue-Socket.io Configuration: Note that the link is HTTP because Socket.io supports HTTP If the WebSocket link with the b

Vue with the use of hand-foot racks generated by the project directly modified. vue file, save the compilation on the report of a lot of errors, solution: a problem: Because set the Eslint, if you do not want to have the specification of JS code, can be reinitialized to turn off the eslint. Use Eslint to lint your code? (y/n) This step select No If you want to have good specifications, in fact, the error ha

Vue-cli starts the local service. The reason why the local service cannot be accessed through ip address in the LAN is vue-cliip. 1. Problem description: A new vue-cli project has been developed. If you want to view the effect on your mobile phone, you will find that the access fails. The ip address and port number are correct, but the mobile phone number canno

A front-end Component Management Platform developed based on the Vue family bucket and a vue family bucket Management Platform Project Background The background of the project is that in an outsourcing website construction company, a large number of reusable components are precipitated in the design process. Designers usually just need to fine-tune the components to piece together the pages and deliver th

Detailed description of Vue event driver and dependency tracking, detailed description of vue event tracking A previous analysis on Vue data binding principles needs to be reviewed recently and sent to the essay by the way. In the previous implementation of an Mvvmsetter To observemodel.viewModel Bindmodel . WhenmodelChange, update allviewModelTo render the new v

Source code analysis Vue. js listener implementation tutorial, source code vue. js Preface I believe that when listening is made, of course, it will not be able to move away from the well-known Observer Model in the design model. For example, if your backyard is on fire, you must wait until the smoke is very bright and bright. But when you install a fire warning device, you will be notified immediately in t

Vue Data Binding error solution: vue binding solution Vue Data Binding Error Error message: Corresponding code: When you see the error, you will know that the data binding has an error because the attributes a and B are not declared. Then try to add these two attributes. Var v = new Vue ({el: "# input-check",