iview组件(一)Radio获取label与value

一、单选框Radio

单选框是iview的基本组件之一,主要用于一组可选项的单项选择;

官方写法:



实际操作中,iview和vue一起使用,我们通常传入一个数组,通过v-for循环出来,并通过v-model实现数据的双向绑定,像这样:



在此时就会发现我们一般在前端展现的是label字段,为中文或者用户可以理解的含义,而在后台提交时需要提交value字段,但是按照这种写法,当我们选中时向后台提交的依旧是label字段,如图:


选中效果图

后台打印图

如何才能既获取label又能获取value?


选中label

获取value

你可能感兴趣的:(iview组件(一)Radio获取label与value)