In the vue work item, the functions of selecting all, inverting and deleting the message list are implemented

template HTML structure Radio I use the checker component in vux; (this can be changed to a native radio or bound to a v-model) <div class="list" v-for="(item,index) in messageList"> <div class="top flex-row"> <div class="radio article flex-grow-0"> <checker v-model="item.mod ...

Posted on Sun, 15 Dec 2019 14:08:44 -0800 by t2birkey

Design based on spring cloud + Vue (elementui) + MySQL front end separation -- front end Fetch request encapsulation

Develop a blog systemNumber of articles: none of the menu articles have been updatedSet up eureka Registration Center (please read this article first) https://segmentfault.com/a/11...Build Beans, write Token parsing annotation https://segmentfault.com/a/11...Build authority management system https://segmentfault.com/a/11...Set up background man ...

Posted on Sun, 15 Dec 2019 12:35:42 -0800 by admun

Vue Cli3 create project

Vue Cli3 create project Vue,Markdown 1. installation npm install -g @vue/cli 2. Create a project vue create iview-admin # OR vue ui default (babel, eslint) default package, which provides babel and eslint support. Manually select features to select the required functions and provide more feature selection. For example, if you want to support ...

Posted on Sun, 15 Dec 2019 11:08:20 -0800 by superhaggis

Nuxt.js Learning --- Dynamic Routing, Routing Parameters, Routing Nesting for Nuxt

[TOC] 1. Dynamic Routing for Nuxt Defining dynamic routes with parameters in Nuxt.js requires creating corresponding Vue files or directories prefixed with underscores. 1.1. Official documents: The following directory structure: pages/ --| _slug/ -----| comments.vue -----| index.vue --| users/ -----| _id.vue --| index.vue Nuxt.js generates th ...

Posted on Sun, 15 Dec 2019 01:54:06 -0800 by turtlefox

Vue learning notes first encounter

[TOC] Why study VUE? Considering that some students are still using native JS and don't know about Jquery, let me introduce Jquery first. In introducing Jquery, I will introduce JavaScript roughly. What do we do with JavaScript? The WEB front end has three layers: HTML: describe the page structure from the semantic point of view ...

Posted on Sat, 14 Dec 2019 02:15:15 -0800 by a1ias

TypeScript Writing Vue Project Structure Resolution

Writing a Vue project using TypeScript has been a while ago, and I was confused when I just used TypeScript. I don't know where to start. Writing projects using TypeScript is cumbersome and not as flexible as JavaScript, because TypeScript has too many restrictions on code and throws an unexpected error from time to time during the process.This ...

Posted on Fri, 13 Dec 2019 20:07:46 -0800 by Ellen67

axios interceptor shows and turns off Loading

There are two ways to use loading. The first is to use the loading provided by some component libraries. The other is to use the loading written by ourselves. Now we will introduce the usage separately I. Loading with element ui 1. Introduce axios and elementui in main.js // Introducing element UI components import ElementUI from 'element- ...

Posted on Fri, 13 Dec 2019 10:13:21 -0800 by matthewlesh

The combination of lay UI select and vue

1. Create a select element <form class="layui-form layui-form-pane all-account-filter-form"> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">Package</label> <div class="layui-input-inline"> <select id="select-packa ...

Posted on Fri, 13 Dec 2019 09:17:18 -0800 by dixondwayne

Problems with webpack3.x upgrading 4.x

background Before the launch of vue-cli3, the Vue project built with vue-cli2 was based on webpack3.x. with the version iteration of the project, the functions and files gradually increased. The packaging time was from the first 5 minutes to the longest 19:30. Because of the use of ts, each time the ts loader is packaged, a type check is requir ...

Posted on Fri, 13 Dec 2019 06:02:44 -0800 by dudeddy

Code and package optimization of Vue+Webpack

This paper focuses on the optimization means of Vue single page application: Asynchronous loading Add loading effect when face switching Click delay inline manifest Logic code optimization Volume dependent optimization cdn reference Vue code optimization Asynchronous loading The so-called asynchronous load component is actually comp ...

Posted on Thu, 12 Dec 2019 00:44:25 -0800 by webing