小程序模板網(wǎng)

微信小程序-bindtap事件子元素不傳參

發(fā)布時間:2018-05-09 14:51 所屬欄目:小程序開發(fā)教程

				

  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>發(fā)現(xiàn)</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>業(yè)績</span></li>
  6. </ul>
 

  1. // 點擊標(biāo)題切換當(dāng)前頁時改變樣式
  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  })  }  }, 



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24373.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢