Element的部分组件回显

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渲染之后重新赋值即可

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值