Vue component makes infinite multi-select menu

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:

Call orgList with hierarchical json array

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!