ElementUI uses v-if to control tab tags to display Duplicate keys detected:'xxx'problems encountered
Today's work encounters a problem:
Requirement Background: There are several tabs in the page, which need to be controlled to display and hide tabs according to the rights of the logged-in user.
<el-tabs @tab-click="handleClick" v-model="activeTabName" ref="tabs" >
<el-tab-pane label="user management" name="first" ref="fi ...
Posted by kaje on Wed, 04 Sep 2019 11:46:46 +0200
Ultra simple starter example for Vue based on vue-cli, elementUI
Ultra simple starter example for Vue based on vue-cli, elementUI
March 03, 2018 23:14:16 The sea monster in the bottle Read 26911 More
Category Column: Vue
Copyright Statement: This is an original blogger article that follows CC 4.0 BY-SA Co ...
Posted by ferhanz on Sun, 01 Sep 2019 02:52:11 +0200
vue transition animation learning
Article Directory
Article Reference
Problem Description
Conceptual Interpretation
case
Custom Animation
Reference animate.css animation
Animation Hook Function
Case Analysis
Article Reference
Enter/Leave & List Transition
Problem Desc ...
Posted by lox on Sat, 31 Aug 2019 06:16:42 +0200
Summary of uploading and receiving egg files
There are two methods for egg to get uploaded files. One is to read files directly, and the other is to stream files.
file reading mode
Let's first look at how file is read, which needs to be configured in config
// config.defult.js
config.multipart = {
mode: 'file'
};
Control Layer Code
const fs = require('fs')
const path = require('pat ...
Posted by korngold on Fri, 30 Aug 2019 10:03:19 +0200
vue-router source code analysis-initialization and installation
Vue-router uses demo
<div id="app">
<h1>Hello App!</h1>
<p>
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>
</p>
<router-view></router-view>
</div>
const Foo = { template: '<div>foo</div>' }
const Ba ...
Posted by waynem801 on Fri, 30 Aug 2019 09:19:11 +0200
Seven useful Vue development techniques
1 state sharing
With the refinement of components, we will encounter the situation of multi-component state sharing. Vuex can certainly solve these problems, but as the official document of Vuex says, if the application is not large enough, in order to avoid code redundancy, it is better not to use it. Today we introduce the new addition of vu ...
Posted by The Eagle on Thu, 29 Aug 2019 17:11:29 +0200
Front and Back Separation CRUD+Code Management Tool-svn
Articles Catalogue
1 Front and rear end separation crud
1.1 What is cross-domain
1.2 Added
1.3 Amendment
1.4 Delete
2 Use SVN
2.1 Installation of svn
2.2 Use of SVN
2.3 svn conflict
3 idea uses svn
3.1 Detection of items from svn Libraries
3. ...
Posted by jjmusicpro on Wed, 28 Aug 2019 13:52:28 +0200
vue knowledge combing
Look back and sort out the knowledge points of vue.
assembly
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="root">
<table>
/* It's easy for beginners to write like ...
Posted by alexsaidani on Wed, 28 Aug 2019 13:17:40 +0200
vue Recursive Component Simple Tree Control
1. Recursive Components - Preview of Simple Tree Controls and Problems
Problems encountered in writing tree components:
How can components be called recursively?
How do recursive component click events pass?
2. Basic Structure and Style of Tree Controls
<template>
<ul class="vue-tree">
<li class="tree-item">
< ...
Posted by dacio on Tue, 27 Aug 2019 10:23:04 +0200
Virtual DOM and diff algorithm in Vue
Virtual dom
Why did it happen?Browsers parse an html in five steps: create DOM tree -> create Style Rules -> build Render tree -> layout Layout -> draw Painting. Every time a real dom is manipulated, the browser executes the process from start to finish by building the DOM tree. Real dom operation is expensive, frequent operation ...
Posted by claire on Sat, 24 Aug 2019 07:19:18 +0200