小程序模板网

微信小程序-bindtap事件子元素不传参

发布时间:2018-05-09 14:51 所属栏目:小程序开发教程

				

  1. <ul id="tabBar">
  2. <li class="{{currentTabBar_s == 10?'active':''}}" data-current="10" bindtap="swichTabN"><image src='../../images/icon/tab_MyTodo_s.png' class='img_s'></image><image src='../../images/icon/tab_MyTodo.png' class='img_n'></image><span>待办</span></li>
  3. <li class="{{currentTabBar_s == 11?'active':''}}" data-current="11" bindtap="swichTabN"><image src='../../images/icon/tab_Customers.png' class='img_n'></image><image src='../../images/icon/tab_Customers.png' class='img_s'></image><span>客户</span></li>
  4. <li class="{{currentTabBar_s == 12?'active':''}}" data-current="12" bindtap="swichTabN"><image src='../../images/icon/tab_Find.png' class='img_n'></image><image src='../../images/icon/tab_Find.png' class='img_s'></image><span>发现</span></li>
  5. <li class="{{currentTabBar_s == 13?'active':''}}" data-current="13" bindtap="swichTabN"><image src='../../images/icon/tab_Achieve.png' class='img_n'></image><image src='../../images/icon/tab_Achieve.png' class='img_s'></image><span>业绩</span></li>
  6. </ul>
 

  1. // 点击标题切换当前页时改变样式
  2. swichTabN: function (e) {
  3. var _this=this;
  4.    var cur = e.target.dataset.current;
  5.  
  6.   //点击li的子级元素,不进行值改变,解决方法把取值方式 由e.target.dataset.current; 修改为e.currentTarget.dataset.current即可
 

var cur = e.currentTarget.dataset.current;  console.log(_this.data.currentTabBar_s)  console.log(_this.data)  if (this.data.currentTabBar_s == cur) { console.log(123);return false; }  else {  console.log(5687)  this.setData({  currentTabBar_s: cur  })  }  }, 



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/24373.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询