欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序-bindtap事件子元素不传参

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

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

发布时间:2020-10-25  

<ul id="tabBar">

<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>

<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>

<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>

<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>

</ul>

 

// 点击标题切换当前页时改变样式

swichTabN: function (e) {

var _this=this;

   var cur = e.target.dataset.current;

 

  //点击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  })  }  },