找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-5-9 14:51 1146人关注

ul id=tabBar li class={{currentTabBar_s == 10?active:}} data-current=10 bindtap=swichTabNimage src=../../images/icon/tab_MyTodo_s.png class=img_s/imageimage src=../../images/icon/tab_MyTodo.png class= ...


				

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



路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)