vue-treeselect下拉树

在vue 使用中有下拉树非常的好

• 下载：

npm install --save @riophae/vue-treeselect

• 引入及注册

// 引入下拉树组件 import Treeselect from [email protected]/vue-treeselect' // 引入下拉树样式 import [email protected]/vue-treeselect/dist/vue-treeselect.css' 

• 使用

<treeselect      v-model="form.parentId"      :options="menuOptions"      // 这个是数据源     :normalizer="normalizer"   // 这个在methods设置方法 可以自由设置节点 />

-数据源 {           id: '1',           label: '东西',           children: [ {             id: '11',             label: '苹果',             isNew: true,           }, {             id: '12',             label: '葡萄',           }, {             id: '13',             label: '莉',           }],         }],       }

methods: { /** 转换菜单数据结构 */     normalizer(node) {       return {         id: node.menu_id, // 键名转换，方法默认是label和children进行树状渲染         label: node.title,         children: node.children,       }     }, }

你还在原价购买阿里云、腾讯云、华为云、天翼云产品？那就亏大啦！现在申请成为四大品牌云厂商VIP用户，可以3折优惠价购买云服务器等云产品，并且可享四大云服务商产品终身VIP优惠价，还等什么？赶紧点击下面对应链接免费申请VIP客户吧：

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)赏

[[email protected]]

分享 (0)