分类：Treeselect

2020
11-03

在vue中使用vant TreeSelect分类选择组件操作

中文文档：TreeSelect分类选择效果展示：//先在你需要的页面中引入，第一个是弹出层,第二个是选择的import{Popup}from"vant";import{TreeSelect}from"vant";代码部分：<van-popupv-model="policeShow"position="top":overlay="true"><van-tree-select:items="items":active-id.sync="items.activeId":main-active-index.sync="items.activeId"@click-nav="onNavClick"><templateslot="content"... 继续阅读 >

2020
10-10

vue Treeselect下拉树只能选择第N级元素实现代码

今天在项目中遇到一个需求，就是vue下拉树只能选择第三级选项，为了解决这个问题，查阅了官方文档https://vue-treeselect.js.org/#disable-item-selection然后看到isDisabled属性可以禁止选择，具体实现代码如下：<treeselect:disable-branch-nodes="true":normalizer="normalizer"v-model="formData.goodsTypeId":multiple="false":options="goodsType"placeholder='请选择'><labelslot="option-label"slot-... 继续阅读 >

2020
10-10

vue treeselect获取当前选中项的label实例

我就废话不多说了，大家还是直接看代码吧~<treeselect:placeholder="$t('taskManage.lockTask.selDeptId')":options="deptTree":normalizer="normalizer"v-model="formData.deptId"@select="selectDepart"></treeselect>//获取当前选中部门的名称selectDepart(val){console.log('selectDepart',val)this.formData.deptName=val.name}结果如下所示，可以... 继续阅读 >

2020
10-10

vue 监听 Treeselect 选择项的改变操作

项目中使用Treeselect时，需要获取选项的变化从而触发别的事件，所以需要监听Treeselect所选择的值。我使用了watch来监听treeselect绑定的model，如果model的值发生变化就触发currDeptChange事件。<el-form-itemprop="deptId":label="$t('deviceManage.device.table.deptId')+':'"><treeselect:options="deptTree":normalizer="normalizer"v-model="formData.deptId":p... 继续阅读 >

2020
10-09

vue Treeselect 树形下拉框:获取选中节点的ids和lables操作

API:https://vue-treeselect.js.org/#events1.ids:即value1.lable:需要用到方法：@select(node,instanceId)和@deselect(node,instanceId)<template><treeselectref="DRHA_EFaultModeTree"v-model="DRHA_EFaultModeTree_value":multiple="true":options="DRHA_EFaultModeTree_options":flat="true":show-count="true":disable-branch-nodes="true":searchable="false"@select="DRHA_EFaultM... 继续阅读 >