el-date-picker 默认无法显示,但下拉中有选中的情况,城市级联下拉的默认值问题

在项目中遇到Element UI日期选择器默认值不显示的问题,原因是直接赋值给字段导致,正确做法是使用$set方法设置默认值。同样,城市级联下拉框默认值问题在于value类型需与options数据类型一致,确保数组元素类型匹配,避免出现错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在项目中使用到 elemennt-ui的日期选择器出现了符默认值无法显示,但在下拉框中能够显示,经过多番搜索,查看
从接口中获取到时间后直接赋值给相应字段很容易出现问题

所以我们要使用 $set来设置这个默认值才可以正常显示

this.$set(this.form, 'examTimes', [res.data.startDate, res.data.endDate])

还有一个就是城市级联下拉的默认值问题

 <el-cascader
              v-model="value"
              placeholder="请选择"
              :options="options"
              clearable
              @change="handleChange"
            />

value的值一定要和你options 的数据类型一致,例如是需要传 [1234,4567]这样的数组,而你传成 [‘1234’,‘4567’] 这种数组,相信大家一眼就能看出问题,而我就出现这个问题。。。。。。。。。。所以大家一定要看清楚

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值