table里面嵌套vue-treeselect 异步加载

要在table中嵌套vue-treeselect并实现异步加载，可以按照以下步骤进行：

1.首先，确保已经安装并引入了vue-treeselect组件，并在Vue实例中注册。

import Vue from 'vue'
import VueTreeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'

Vue.component('VueTreeselect', VueTreeselect)

2.在table中创建一个包含vue-treeselect组件的列，并通过slot-scope属性绑定数据和事件。

<el-table v-for="item in tableData" :key="item.id">
   <el-table-column prop="name" label="名称"></el-table-column>
   <el-table-column label="选择">
      <template slot-scope="scope">
         <vue-treeselect :options="scope.row.children" @input="handleSelect"></vue-treeselect>
      </template>
   </el-table-column>
</el-table>

3.在Vue实例中定义异步加载方法，并将加载完成的数据赋值给对应的row。

data() {
   return {
      tableData: []
   }
},
methods: {
   async loadData(row) {
      const response = await axios.get('后端接口地址')
      row.children = response.data // 将异步加载的数据赋值给对应的row
   },
   handleSelect(value) {
       console.log(value)
   }
}

4.在mounted钩子函数中调用loadData方法，实现异步加载。

mounted() {
   this.tableData.forEach(row => {
     this.loadData(row)
   })
}

通过以上步骤，我们就可以在table中嵌套vue-treeselect组件，并实现异步加载。