el-tree搭配el-table使用

el-tree可以与el-table搭配使用来实现动态选择对应值的功能。在el-table的el-table-column中，使用el-tree进行数据绑定，并通过el-select来进行值的选择。具体实现步骤如下：

1. 在el-table-column中定义一个el-select组件，用于选择地址类别。使用v-model指令将选择的值绑定到userlist中的对应位置。例如，使用v-model绑定到userlist的address字段。

2. 在el-select的el-option中，使用el-tree来展示地址列表。将el-tree的数据绑定到treeList，并通过props属性设置el-tree的node-key和默认属性。同时，通过@node-click监听el-tree节点的点击事件，以获取选择的地址值。

3. 在el-table-column的template中，使用slot-scope="scope"来获取当前行的索引。将el-select和el-tree的ref属性设置为"'address'+scope.$index"和"'addressTree'+scope.$index"，以便在后续操作中通过ref获取对应的el-select和el-tree组件。

通过以上步骤，el-tree可以与el-table搭配使用，在el-table中实现动态选择对应值的功能。 <span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [el-table+el-tree+el-select动态选择对应值](https://blog.csdn.net/weixin_43388691/article/details/127385435)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]