vxe表单下拉框无法回显数据

最新推荐文章于 2024-08-23 14:19:04 发布

荒野剧场

最新推荐文章于 2024-08-23 14:19:04 发布

阅读量1.6k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_37409027/article/details/125075168

版权

在Vue项目中使用VXE表格时，遇到下拉框选中值无法正确回显的问题。经过排查，发现是绑定的model值与下拉框options的key不一致导致。解决方案是确保model值与选项对象的key或者label属性对应，确保数据能够正确匹配显示。此外，注意在数据更新后调用表格的刷新方法，以更新表格的状态。

摘要由CSDN通过智能技术生成

用vxe表单进行行编辑时发现无法回显数据，下拉框选择后看不到改变后的值
最后发现，下拉框要使用<template #default>包裹住

<vxe-form-item title="是否线下店铺" :span="12">
	 <template #default>
	   <vxe-select v-model="formData.is_offline"