vxe嵌套el-select
时间: 2023-10-06 09:08:32 浏览: 84
在Vue中,vxe-table-plugin-menus是一个基于vxe-table的表格插件,它提供一组实用的快捷菜单。你通过npm安装vxe-utils、vxe-table和vxe-table-plugin-menus来使用它们。在安装完成后,你在代码中引入VXETable,并使用el-select组件进行嵌套。
在使用el-select组件时,你可以通过v-model属性来绑定选中的值。如果遇到渲染问题,你可以尝试使用$forceUpdate()方法进行强制刷新,以确保v-model的值更新成功。下面是一个示例代码:
```html
<el-select v-model="buyCounty" @change="$forceUpdate()">
<el-option label="河北" value="hebei"></el-option>
</el-select>
```
另外,如果你在使用vxe-table时遇到了问题,比如在请求数据后更新表格内容,可以参考以下代码示例:
```javascript
listAuditConfigPost({ configId: item.id }).then((res) => {
this.tableData = res.data;
this.tableData.forEach((temp, index) => {
temp["postIds"] = temp.configPostList.map((post) => post.postId);
});
});
```
以上代码中,我们通过调用listAuditConfigPost方法获取数据,并将返回的数据赋值给tableData。然后我们在tableData的每个元素上添加了一个名为postIds的自定义属性,用于el-select的选中部门功能。
希望这些信息能对你有所帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vxe-table-plugin-menus::deciduous_tree: 基于 vxe-table 的表格插件,提供实用的快捷菜单集](https://download.csdn.net/download/weixin_42170064/16644190)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue element el-select 渲染失败](https://blog.csdn.net/xiaoheisboy/article/details/115637711)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [el-table 中嵌入 el-select,选中失效问题记录](https://blog.csdn.net/LiangHui0914/article/details/127644843)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]