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,否则会出现警告

例子: