Element-plus:el-radio单选框实现回显数据(亲测有效)

查询了相关资料,终于解决了数据回显的问题。

原先的代码

     <el-radio-group v-model="ruleForm.type">
        <el-radio value=0>转租</el-radio>
        <el-radio value=1>短租</el-radio>
        <el-radio value=2>长租</el-radio>
        <el-radio value=3>招租</el-radio>
      </el-radio-group>

修改后的代码

其实就是添加":”符号,让value的值变成响应式,通过 change 事件来响应变化,它会传入一个参数 value 来表示改变之后的值。

     <el-radio-group v-model="ruleForm.type">
        <el-radio :value=0>转租</el-radio>
        <el-radio :value=1>短租</el-radio>
        <el-radio :value=2>长租</el-radio>
        <el-radio :value=3>招租</el-radio>
      </el-radio-group>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值