做网站要收订金吗,邵东网站,东莞商城网站推广建设,长沙关键词优化方法vue-treeselect 的基本使用 1. 效果展示2. 安装 插件3. 引入组件4. 代码 1. 效果展示 2. 安装 插件 vue-treeselect是一个树形的下拉菜单#xff0c;至于到底有多少节点那就要看你的数据源有多少层了#xff0c;挺方便的。下面这个这个不用多说吧#xff0c;下载依赖 npm in… vue-treeselect 的基本使用 1. 效果展示2. 安装 插件3. 引入组件4. 代码 1. 效果展示 2. 安装 插件 vue-treeselect是一个树形的下拉菜单至于到底有多少节点那就要看你的数据源有多少层了挺方便的。下面这个这个不用多说吧下载依赖 npm install --save riophae/vue-treeselect3. 引入组件
import Treeselect from riophae/vue-treeselect;
import riophae/vue-treeselect/dist/vue-treeselect.css;4. 代码
treeselect :valuedeptIds :optionsdeptOptions :show-counttrue :multipletrue selecthandleSelect deselecthandleDeselect placeholder请选择归属部门 /deptIds: []// 选中的数据
handleSelect(selectedNodes) {this.deptIds.push(selectedNodes.id);
},
// 取消后的数据
handleDeselect(selectedNodes) {let id selectedNodes.id;let idx this.deptIds.findIndex(it it id)this.deptIds.splice(idx,1)
},deptOptions 格式为
