0
点赞
收藏
分享

微信扫一扫

解决vue3.0+vant 表单元素 Radio 单选框 无效问题

你带来了我的快乐 2022-03-21 阅读 10
vue.js其他

解决官方模板复制后Radio无效问题

适用条件:手机端页面 表单元素FIeld ,vue3.0 vant

  <van-field name="radio" label="计算类型">
    <template #input>
      <van-radio-group v-model="radio" @change="onChange" direction="horizontal">
        <van-radio name="1">手动设备</van-radio>
        <van-radio name="2">自动设备</van-radio>
      </van-radio-group>
    </template>
  </van-field>




 data() {    
    return {
        radio: "1"
    }    
  },

 methods: {
    onChange(event) {
        this.radio=event;
      },
},

问题不难,没搜到同类型的文章,写下来供大家参考一下

举报

相关推荐

0 条评论