1、el-cascader
这里用的是一个省市区的三级联动,后端只保存最后区的编号,也就是【110000,110100,110101】里的110101,回显的时候也是只需要110101就可以完成。
el-form-item label="店铺地址" prop="region_code">
<el-cascader
v-model="list.region_code"
:options="linkage"
@change="handleChange"
/>
</el-form-item>
// js
list.region_code = Number(data.region_code) // Number('110101')
重点在于转换数据类型
2、el-select
下拉框,回显也不需要整个对象,只需要value的值对的上即可
<el-form-item label="坐标系" prop="lbs_type">
<el-select v-model="list.lbs_type" placeholder="请选择类型">
<el-option label="百度系" value="1" />
<el-option label="火星系" value="2" />
</el-select>
</el-form-item>
// js
list.lbs_type = String(data.lbs_type) // String(1)
重点在于转换数据类型
3、input v-model
默认赋值,页面渲染无回显
默认赋值比dom渲染快,导致默认值没回显,dom渲染之后重新赋值即可