radio传给后台 vue_vue中使用radio和checkbox

本文介绍了在Vue中如何使用radio和checkbox,并提供了绑定数据的示例。在checkbox中,value值与data中的数组匹配时会显示选中状态,而radio由于只能单选,其绑定的值是一个字符串。同时,展示了如何监听数据变化并更新到后台,以及radio值绑定整型的用法。
摘要由CSDN通过智能技术生成

代码

{ {v2}}

{ {v3}}

export default {

data () {

return {

v2: ['a', 'b'],

v3: 'aa'

}

}

}

在checkbox中,当value值在v2数组中能查询到,改checkbox就是选中状态,当对checkbox进行操作时,v2数组也同样变化

在radio中,由于只能有一项选中,所以v3是一个字符串,value值和其相等的就会被选中

vue中使用radio参考示例

使用 #绑定的是字符串的值 "1",如果想绑定为整形,使用:lable,看下面的例子

未使用

import { updateBasicInfo } from "@/api/service"

export default {

props: {

readOnly: {

type: Boolean,

default: false

},

basic_info: {

type: Object,

default: () => {}

},

node_key: String,

},

data () {

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值