码迷,mamicode.com
首页 > 其他好文 > 详细

element ui的el-radio踩坑

时间:2019-06-20 14:18:48      阅读:943      评论:0      收藏:0      [点我收藏+]

标签:mpi   rda   去掉   element   dial   null   初始化   art   number   

1.html

1 <div class="listPeopleDetail">
2     <div class="item" v-for="(item, index) in freeEmpList" :key="index">
3         <div class="name" v-cloak>{{item.empName}}</div>
4         <div class="number" v-cloak>剩余单数:{{item.orderCount}}单</div>
5         <div class="radio" @click="openAddOrder">
6             <el-radio v-model="checkedPeople" :label="item.empId"></el-radio>
7         </div>
8     </div>
9 </div>

2.js


openAddOrder:function(){
     this.dialogVisible=true;
      this.getAreaInfoAddOrderListMon()
 },
 
getAreaInfoAddOrderListMon:function(){
      this.$http.get("/esmart/getAreaInfoAddOrderListMon",{
         empId:vm.checkedPeople,
         radius:vm.radius,
         operDate:vm.operDate
         }).then(function(res){
             if (res.body.code == 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事件中即可

element ui的el-radio踩坑

标签:mpi   rda   去掉   element   dial   null   初始化   art   number   

原文地址:https://www.cnblogs.com/samsara-yx/p/11058369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!