样式呈现：

问题描述：

当我使用treeselect 在table外层时，他是可以显示成功的，但当在table内部时，就显示不成功了

解决方案：

添加两个属性 :appendToBody="true" z-index="9999" 就可以了【我使用的是iview组件，elementui 好像是append-to-body 大家可以试一下】

<!--BRANCH_PRIORITY-如果选中了分支节点，则其所有后代将被排除在value 数组之外-->
<treeselect 
	v-model="tableData[index].content" 
	:appendToBody="true"
	z-index="9999" 
	:options="options"
	:showCount="true"
	:multiple="true"
	value-consists-of="BRANCH_PRIORITY"
	:placeholder="$t('pleaseSelect') + $t('roleName')"
	style="height: 100%" />

treeselect介绍及使用官网地址

1.安装
npm install --save @riophae/vue-treeselect
2.全局main.js引入

• import the component
  import Treeselect from '@riophae/vue-treeselect'
• import the styles
  import '@riophae/vue-treeselect/dist/vue-treeselect.css'
• 注册树型下拉组件
  Vue.component("treeselect", Treeselect);

3.使用

如解决方案所贴代码

4.数据格式

 options: [ {
     id: 'company',
     label: 'Company 🏢',
     children: [{
       id: 'team-i',
       label: 'Team I 👥',
       children: [ {
         id: 'person-a',
         label: 'Person A 👱',
       }, {
         id: 'person-b',
         label: 'Person B 🧔',
       } ],
     }, {
       id: 'team-ii',
       label: 'Team II 👥',
       children: [ {
         id: 'person-c',
         label: 'Person C 👳',
       }, {
         id: 'person-d',
         label: 'Person D 👧',
       } ],
     }, {
       id: 'person-e',
       label: 'Person E 👩',
     } ],
   } ]

报错信息

• TypeError: this.forest.selectedNodeIds.filter is not a function

解决方案：v-model 绑定的值 初始值为 null 不能为""