每个el-radio的label通过v-for指令和:label="item.value"绑定到radioOptions数组中每个对象的value属性上,确保了每个radio的label值是唯一的。 这样设置后,el-radio-group中的radio就只能单选,且每次选择都会更新radioValue的值。
v-for="item in options" 1. 2. 3. 4. 5. 6. 7. form: { informantType: "", }, options: [ { value: 0, label: "全部" }, { value: 1, label: "存在欺诈骗钱行为" }, { value: 2, label: "存在色情内容" }, { value: 3, label: "存在赌博等违法内容" }, { value: 4, labe...
<el-radio-groupclass="imgSmall"v-model="radioArray[index]"@change="changeOpen(index)"><el-radiov-for="val in item.list":label="val.bigImg"border><image:src="val.img"></el-radio></el-radio-group> js methods:{changeOpen(index){//var that = this ;console.log(this.radioArray[0]...
if(res.id === id){ res.pcStatus = 1 }else { res.pcStatus = 0 } }) this.reslist.push(item) let newArry=this.reslist; //数组去重选择最后一条数据 for(var i=0;i<newArry.length;i++){ for(var j=i+1;j<newArry.length;j++){ if(newArry[i].id==newArry[j].id){ newArry...
项目中 使用vxe-table来实现表格功能,有个需求,如上图的界面,权限后台返回的数字,在前台需要用单选框展示,vxe-table有类似的例子,这里需要用jsx自己实现。 本次重点记录一个问题:循环展示的el-radio-group 组件添加一个相同的事件,点击某个单选框,所有的单选框都会执行 如图所示: ...
有时候我们需要根据后端返回的数据动态生成 el-radio-group,此时我们可以利用 v-for 指令实现循环渲染。 ```html <el-radio-group> <el-radio v-for="item in radioList" :label="item.id" :key="item.id"> {{ item.name }} </el-radio> </el-radio-group> ``` 在上面的示例中,radioList 是一...