vue Treeselect树形下拉框之获取选中节点里ids和lables的方法 |
您所在的位置：网站首页 › select下拉框树形结构 › vue Treeselect树形下拉框之获取选中节点里ids和lables的方法 |
vue Treeselect树形下拉框之获取选中节点里ids和lables的方法
|
vue Treeselect树形下拉框之获取选中节点里ids和lables的方法
发布时间：2020-08-18 09:23:44
来源：亿速云
阅读：1204
作者：小新
栏目：web开发
这篇文章给大家分享的是有关vue Treeselect树形下拉框之获取选中节点里ids和lables的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。 API: https://vue-treeselect.js.org/#events 1.ids: 即value 1.lable: 需要用到方法：@select(node,instanceId) 和 @deselect(node,instanceId)
lables：{{DRHA_EFaultModeTree_lables}} ids:{{DRHA_EFaultModeTree_value}} // import the component import Treeselect from '@riophae/vue-treeselect' // import the styles import '@riophae/vue-treeselect/dist/vue-treeselect.css' export default { components: { Treeselect }, data() { return { DRHA_EFaultModeTree_value: null, DRHA_EFaultModeTree_lables: [], DRHA_EFaultModeTree_options: [ { id: '1', label: 'Fruits', children: [ { id: '1-1', label: 'Apple ?', isNew: true, }, { id: '1-2', label: 'Grapes ?', }, { id: '1-3', label: 'Pear ?', }, { id: '1-4', label: 'Strawberry ?', }, { id: 'watermelon', label: 'Watermelon ?', } ], }, { id: 'vegetables', label: 'Vegetables', children: [ { id: 'corn', label: 'Corn ?', }, { id: 'carrot', label: 'Carrot ?', }, { id: 'eggplant', label: 'Eggplant ?', }, { id: 'tomato', label: 'Tomato ?', } ], } ], }; }, mounted: function(){ }, methods: { DRHA_EFaultModeTree_handleSelect(node,instanceId){ console.log("Select"); this.DRHA_EFaultModeTree_lables.push(node.label); }, DRHA_EFaultModeTree_handleDeSelect(node,instanceId){ console.log("DeSelect"); for (let i = 0;i |
【本文地址】
今日新闻 |
推荐新闻 |