介绍 & lt; Treeselect
:disable-branch-nodes=皌rue"
:标准化者=皀ormalizer"
v模型=癴ormData.goodsTypeId"
:多个=癴alse"
:选项=癵oodsType"
占位符=& # 39;请选择& # 39;比;
& lt;标签槽=皁ption-label"slot-scope=皗labelClassName节点、shouldShowCount计数,
countClassName}“比;
{{节点。标签}}
& lt;/label>
& lt;/treeselect> 标准化者(节点){//去掉孩子=[]的孩子属性
如果节点。孩子,,! node.children.length) {
删除node.children;
}
如果(node.isLeaf==& # 39; y # 39;,,node.typeLevel !=3) {
节点(& # 39;isDisabled& # 39;]=true;
}
返回{
id: node.typeId,
标签:node.typeName,
孩子们:node.children,
}
},
今天就跟大家聊聊有关vue中的Treeselect下拉树是不是只可以选择第N级元素,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
今天在项目中遇到一个需求,就是vue下拉树只能选择第三级选项,为了解决这个问题,查阅了官方文档
https://vue-treeselect.js.org/disable-item-selection
然后看到isDisabled属性可以禁止选择,具体实现代码如下:
<>强如何给数据添加isDisabled属性呢?
自己尝试着在下拉树配置中添加了一下,竟然成功了
【提示】节点这个对象包含的字段打印了一下,(这些数据是后台接口提供的)如下图展示:
【isLeaf】Y是叶子节点,N是分支节点【typeLevel】第?级
<强> vue ElementUI使用el-tree,只容许叶子结点有多选框
在使用el-tree时,我们需要多选功能会在el-tree标签添加show-checkbox属性:
那么,有时会遇到这样的需求,父节点不让多选,只容许多选叶子结点。那么,这时我们改怎么做呢?
<强>通过调试工具:
多选框就是。el-checkbox这个样式,那么我们只需把这个样式覆盖一下,把它隐藏掉:
看完上述内容,你们对vue中的Treeselect下拉树是不是只可以选择第N级元素有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。vue中的Treeselect下拉树是不是只可以选择第N级元素
