vue单选框

<input type="radio" class="checkbox" :value="item.id" @click="checked(item.id,$event)" v-model="myCehck"></input>

checked(id,e){
        this.check=e.target.checked
        if (e.target.checked) { // 判定checkbox的勾选状态
          this.productShow = true
        }
        this.projectId = id
        ApiClient.get(`/backend/product/${id}/detail.do`,this.list).then(data => {
          this.productDetail = data
          this.productMaterials =data.productMaterials
          this.productContracts = data.productContracts
          console.log("2333333333",this.productContracts)
          for (var i=0;i<data.productMaterials.length;i++) {
            this.materialDetail.push({id:data.productMaterials[i].id,name:data.productMaterials[i].name})
          }
          for (var i=0;i<data.productContracts.length;i++) {
            this.contractsDetail.push({contractId:data.productMaterials[i].id,id:null,url:''})
          }
        });
        this.materialDetail=[]
      },

没啥好说的 给它一个不会重复的id就行 哈哈哈 没错 就是如此简单 我给点击事件id是因为我点击后需要显示一些信息

最后

以上就是无限啤酒为你收集整理的vue单选框的全部内容，希望文章能够帮你解决vue单选框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。