Vue component makes infinite multi-select menu

php中世界最好的语言
Release: 2018-06-08 17:22:22
Original
1949 people have browsed it

This time I will bring you the vue component to make an infinite multi-select menu. What are the precautions for making the vue component to make an infinite multi-select menu? The following is a practical case, let's take a look.

wTree.vue

Principle: Each multi-select box is a node, and each node is a wTree component with a parent (the top level is 0) , there are children (the underlying list[] is empty), the state transfer between components is through component communication, and the modification of the external data checkList array is implemented through the store. Initialization is passed from the bottom state to the upper layer, layer by layer. Change the state, change different states, and modify the checklist array. Probably based on this idea, the following is the code:

 
Copy after login

Call orgList with hierarchical json array

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to the php Chinese website Other related articles!

Recommended reading:

Using the defineProperty attribute of vue

How to dynamically bind class names in WeChat applet

The above is the detailed content of Vue component makes infinite multi-select menu. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn