关于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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。