关于vue.js:vuevant遍历单选框默认选择和切换选择

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在开发的过程中,咱们常常会应用到单选框组件,上面我来分享一下我的应用办法,心愿对你有所帮忙。
4.废话不多说,先看效果图:


5.在template中增加如下代码:

<div @click="Cdefault(item.is_default)">
  <van-radio-group v-model.number="listtradio">
   <van-radio :name="Number(item.is_default)">
    default
   </van-radio>
  </van-radio-group>
 </div>

6.在return中增加如下代码:

listtradio: 1, //因为我在下面绑定的数字类型,依据本人的我的项目进行批改

7.在methods中增加如下代码:

Cdefault(id) {
    console.log("我是默认地址事件");
    console.log(id);
    console.log("我是默认事件完结啦");
    console.log(Number(id));

    // this.listtradio = 1;
    this.listtradio = Number(id);

    // console.log("我是boolean的转换");
    // console.log(Number(false));
    // console.log("我是boolean的转换完结啦");
   },

8.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。