vue+vant遍历单选框默认选择和切换选择

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在开发的过程中,我们经常会使用到单选框组件,下面我来分享一下我的使用方法,希望对你有所帮助。
4.废话不多说,先看效果图:
vue+vant遍历单选框默认选择和切换选择_第1张图片
vue+vant遍历单选框默认选择和切换选择_第2张图片
5.在template中添加如下代码:

default

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.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

你可能感兴趣的:(vue.jsvant)