Vue interesting turntable assembly

A rotatable component written with vue, as shown in the figure layout Use the number of cards to divide the 360 degree circle evenly, use the absolute positioning to distribute on the external container, and rotate itself through the rotate computedCardPosStyle(index){ let deg = index * this.unitCardDeg; let absDeg = Math. ...

Posted by richardw on Sun, 03 Nov 2019 16:04:25 -0800

Vue's Key attributes, v-for and v-if, v-if/v-show, v-pre do not render, v-once only renders once

key attribute Why add key -- api explanation The special attributes of key are mainly used in the virtual dom algorithm of vue. If key is not applicable, vue will use an algorithm to minimize dynamic elements and try to repair / reuse the same type of elements as much as possible. With key, it rearranges the order of elements based on the chan ...

Posted by michelledebeer on Sun, 03 Nov 2019 14:54:48 -0800

vue elementUi tree lazy load usage details

11:17:04, November 21, 2018 Happy cousin Number of readings: 3513   https://blog.csdn.net/a419419/article/details/84315751   Background: Using elementUI under vue File: http://element-cn.eleme.io/#/zh-CN/component/tree#tree-shu-xing-kong-jian Demand: Only the data selected in the secondary node is saved; the data selected in ...

Posted by philweb on Sun, 03 Nov 2019 12:06:52 -0800

Basic configuration of multi page application with Vue3.0 and bootstrap

Next is the configuration of multi page application. After installing vue 3.0, you can find that the directory is much smaller than that of 2.0, public is equivalent to the original static. index.html is the entry of the project. src is the same as before. Cli 3.0 has no build or config. If you want to configure, you need to create the vue.c ...

Posted by c_pattle on Sun, 03 Nov 2019 11:32:24 -0800

vue reads the local excel file and displays it on the web page

I want to read a local xlsx file (task list. Xlsx) and display it on the web page. At first, I choose to build an express server by sending an axios request, but I think it's too complicated to make a server just to read a local file. At last, I read the local file through the "xlsx" module + axios, without the back-end. The steps are ...

Posted by MrLister on Sun, 03 Nov 2019 10:44:28 -0800

Building Vue CLI and introducing element UI

Building Vue cli scaffold Install git Install node and configure environment variables, using zip version # Check whether node is installed successfully node -v Use Taobao image npm config set registry https://registry.npm.taobao.org # Check whether the configuration is successful npm config get registry Install node module cnpm np ...

Posted by mrjoseph.com on Sun, 03 Nov 2019 08:57:04 -0800

Java's new project learning online notes-day12

3 search front end development 3.1 search page 3.1.1 demand analysis The above figure is the interface of the front end of course search. The user sends a search request to the server through the front end. The search function includes:1. All courses are queried by default and displayed in pages. 2. Search courses by level 1 and level 2 classi ...

Posted by radalin on Sun, 03 Nov 2019 06:52:01 -0800

Spring+Vue integrates UEditor rich text to upload image attachments

Download UEditor https://ueditor.baidu.com/web... Download the full source and JSP versions Spring backend integration 1. Decompress the complete source code, copy the java source code under the jsp directory to the spring mvc backend. java source code in jsp directory Integrating spring mvc backend 2. Configure config.json Unzip JSP versio ...

Posted by llandudno on Sat, 02 Nov 2019 21:31:18 -0700

Data hijacking and data broker

Data hijacking Data hijacking uses Object.defineProperty() to implement the two-way binding of vue. Let's see how it works. let obj = {}, txt = '' Object.defineProperty(obj,'txt',{ set(val) { console.log('set ....') txt = val || ''; }, get() { //get callback will be triggered when getting obj.txt. ...

Posted by flashbot on Fri, 01 Nov 2019 14:51:46 -0700

Cook a delicious CLI

At the beginning, I really want to write a recipe, because of the limited cooking ability, so the title is a lie, ha ha^_~ Today, let's talk about the development of command-line tools (CLI: command-line interface, which will replace the long command-line tool terms with CLI). After reading this article, you will have a more comprehensive un ...

Posted by buducom on Fri, 01 Nov 2019 05:32:51 -0700