elementui的el-radio踩坑
htmlradio添加切换事件1.html
1<div class="listPeopleDetail">
2<div class="item" v-for="(item, index) in freeEmpList" :key="index">
3<div class="name" v-cloak>{{pName}}</div>
4<div class="number" v-cloak>剩余单数：{{derCount}}单</div>
5<div class="radio" @click="openAddOrder">
6<el-radio v-model="checkedPeople" :label="pId"></el-radio>
7</div>
8</div>
9</div>
2.js
openAddOrder:function(){
this.dialogVisible=true;
},
getAreaInfoAddOrderListMon:function(){
this.$("/esmart/getAreaInfoAddOrderListMon",{
empId:vm.checkedPeople,
radius:vm.radius,
operDate:vm.operDate
}).then(function(res){
if (de == 0 && res.body.data !== null) {
console.log(res)
vm.addOrderList=res.body.data;
}).catch(function(err){
console.log(err)
})
},
本来先做的是，点击radio后出现弹窗，并且调⽤⼀个接⼝来初始化弹窗的数据，最初在radio外⾯的div加了⼀个click事件，发现接⼝会调⽤两次，控制台会打印两边，解决⽅法
1）把外层div的点击事件去掉，改为radio的change事件
2）还是⽤外层div的click事件，但是调⽤接⼝的时候写在弹框的open事件中即可

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。