element-ui,radio组件动态绑定选中项

本文介绍在使用Element-UI的Radio组件时,如何通过this.$set方法解决v-model动态值无法被选中的问题。并提醒在处理数字类型数据时,需将其转换为字符串以确保正确显示。

使用element-ui的radio组件,当label的值等于v-model的值时,radio就会默认选中此项,但是当v-model的值是动态时,你会发现根本选中不了

 

 

解决方案:使用 this.$set 对v-model的值进行赋值

 

 

如:以下为请求后端数据

then(response => {

    if (response.code === 1) {

        this.$set(this.upForm, 'type', response.data)

    }

})

 

注:有个大坑,如果后端返回response.data 数据是数字类型的,那需要转成字符串,不然也是不显示的

 

 

 

评论 12
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值