当前位置: 首页> 房产> 建筑 > 建筑网站的特点_网易企业邮箱邮件保存多久_广点通投放平台_新开传奇网站发布站

建筑网站的特点_网易企业邮箱邮件保存多久_广点通投放平台_新开传奇网站发布站

时间:2025/7/11 15:51:48来源:https://blog.csdn.net/snows_l/article/details/146262024 浏览次数:0次
建筑网站的特点_网易企业邮箱邮件保存多久_广点通投放平台_新开传奇网站发布站

欢迎访问我的个人博客 |snows_l's BLOGhttp://snows-l.site

一、单选

       1、问题:

        vue-treeselect 单选的时候只选择最后一层(绑定的值只绑定最后一层)

       2、方法

        1、只需要加上  :disable-branch-nodes="true" 就行,官方解释为:禁用节点

                设置 disableBranchNodes: true 为使分支节点不可检查,并将其仅视为可折叠文件夹

        2、代码如下:
// template
<XTreeselectv-if="form.type == '2'"v-model="form.id":options="versionList":normalizer="tenantIdnormalizer":disable-branch-nodes="true"@input="handleVersionChange"noOptionsText="暂无数据"placeholder="点击选择"
></XTreeselect>

js

// 整理后端数据给组件使用
tenantIdnormalizer(node) {if (node.child && !node.child.length) {delete node.children;}return {id: node.id || "0",label: node.name,children: node.child,};
},// 改变的因需求而定  
handleVersionChange(val) {if (this.form.type == 1) {this.form.version = this.versionList.find((item) => item.value == val).label;} else {let arr = this.flattenTree(this.versionList, "child");let row = arr.find((item) => item.id == val);if (row) {this.form.version = row.name;}}
},

二、多选

       1、问题:

        vue-treeselect 多选的时候只选择最后一层(绑定的值只绑定最后一层)

       2、方法

        1、只需要加上  value-consists-of="LEAF_PRIORITY"  就行,官方解释为: 防止价值组合 

对于非固定和多选模式,如果选中了分支节点及其所有后代,则vue-treeselect会将它们组合到值数组中的单个项目中,如以下示例所示。通过使用valueConsistsOf道具,您可以更改该行为。该道具有四个选项:

  • "ALL" - 选中的所有节点都将包含在 value 数组中
  • "BRANCH_PRIORITY"(默认)-如果选中了分支节点,则其所有后代将被排除在value 数组之外
  • "LEAF_PRIORITY" - 如果选中了分支节点,则此节点本身及其分支后代将从value阵列中排除,但其叶后代将包括在内
  • "ALL_WITH_INDETERMINATE" -选中的任何节点将包括在value 数组中,另外还有不确定的节点

           2、代码图下
// template
<XTreeselectv-model="form.model":multiple="true":options="manufacturerModelList"value-consists-of="LEAF_PRIORITY":normalizer="tenantIdnormalizer"noOptionsText="暂无数据"placeholder="点击选择"
></XTreeselect>

js通单选

关键字:建筑网站的特点_网易企业邮箱邮件保存多久_广点通投放平台_新开传奇网站发布站

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: