欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2018-05-09 14:51浏览: 来源:网络 作者:cola


				

微信小程序-bindtap事件子元素不传参(图1)

  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  })  }  }, 






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。