vue page parameter $route edit Preview

List page 1. Page section <el-table :data="testpage.slice((currentPage-1)*pagesize,currentPage*pagesize)" border style="width: 100%" >     <el-table-column prop="id" :inputValue="msg" label="ID" width="180"></el-table-column>     <el-table-column prop="title" label="Title"></el-table-column>     ...

Posted by ucbones on Sat, 15 Feb 2020 06:50:44 -0800

Dynamic load user menu

The process is that the user enters the module page after logging in, clicks on different modules, and enters the menu page (different modules, different menu contents) Problems encountered 1. The menu data is stored in the store and the page is blank after refreshing Solution: initialize the menu every time in the global navigation guard ...

Posted by vandalite on Wed, 12 Feb 2020 07:16:43 -0800

axios in vue

axios promise based on http client for browser and nodejs characteristic Browser side initiates XMLHttpRequests request http request from node Support Promise API Listen for requests and returns Conversion request and return Cancellation request Automatically convert json data Client support mitigation install Using npm: npm install axios -- ...

Posted by mjahkoh on Fri, 07 Feb 2020 10:38:51 -0800

Redux information perfect interaction

Interaction requirements: improve the background interaction of information page, redux sends update data request to realize asynchronous update of user data of state tree, detects whether information supplement has been completed each time when entering the perfect information page, if it has been completed, directly jump to t ...

Posted by fooDigi on Fri, 31 Jan 2020 15:22:15 -0800

Vue multi table case

Note: due to the large number of codes designed in this case, it is divided into two parts to upload. This article is the first part. 1. Preparation 1.1 database # Create category table , Primary key, primary table(1surface) CREATE TABLE t_category( cid INT PRIMARY KEY AUTO_INCREMENT, cname VARC ...

Posted by AL-Kateb on Sat, 25 Jan 2020 23:22:42 -0800

Notes and summary in Vue cli project

webpack summary 1. It's hard to avoid cross domain problems in front and back platform separation projects, which can be configured in devServer of webpack devServer:{ proxy:{ "/api":{ target:"https://****. com "/ / address of data interface changeOrigin:true, // Cross domain allowe ...

Posted by rkeppert on Sat, 25 Jan 2020 07:49:10 -0800

Vue entry notes

Vue learning notes 1. MVVM mode and the first Vue program Learning course of java according to ecstasy What is MVC? MVC mode represents model view controller mode. This pattern is used for hierarchical development of applications. Model - a model represents an object or JAVA POJO that accesses d ...

Posted by zipdisk on Thu, 23 Jan 2020 05:36:46 -0800

Processing of reject in project.all

Yesterday, I wrote a small crawler. When using axios.all to request multiple pages at the same time, it's easy for the reasons of the domestic network to time out and reject. It's not advisable for Buddhist resolve. Then I thought that I could realize a function of "resending failed requests". Promise.all(requestPromises).then(...).ca ...

Posted by jbalanski on Tue, 21 Jan 2020 08:04:37 -0800

js download files, audio, video

Recently, I did a music download, downloading with tag a will jump to the url of the audio (it can't be downloaded directly on the current page). After a long time, I finally found this article: https://www.jianshu.com/p/c31c199e1d5e Download the solution using fetch, collect a wave, thank you old m ...

Posted by eevan79 on Sat, 18 Jan 2020 19:36:33 -0800

React actual battle - star rating and merchant list component

1, Star evaluation component import '../../Assets/css/star.css'; import React from 'react'; class StarScore extends React.Component { renderScore(){ let wm_poi_score = this.props.score || ''; let score = wm_poi_score.toString(); let scoreArray = score.split('.'); // ...

Posted by fontener on Sat, 18 Jan 2020 06:04:22 -0800