elementUI radio 单选框获取值有三种方法:
elementUI radio 单选框获取值有三种方法:
elementUI 单选框获取值有三种方法:
方法一:
如果,单选框选项不是循环得来的,并且不使用el-radio标签的
(1)给每个el-radio标签添加v-model属性,v-model的属性值是label绑定的值,label绑定的值,可以是数字,也可以是选项的内容。
(2)给每个e--radio标签添加@change事件,@change事件,打印v-model绑定的值,这个值就是选中项的内容
例子:
选项一 选项二
方法二:
如果,el-raido的值不是从v-for获取来的,并且使用了el-radio-group标签的
(1)在el-radio-group标签里,v-model绑定默认选中的,并且定义change事件
(2)el-radio标签里的label绑定数字,代表绑定的内容
例子:
选项一 选项二
方法三:
如果,el-radio的内容是通过for循环得来的
(1)使用el-radio-group标签,v-model绑定默认选项,@change事件
(2)el-radio绑定key,否则会出现警告
例子:
for="(item,i) in items" :key="i" :label="i">{{item}}