微信小程序开发选项卡功能
微信小程序开发
小程序开发
浏览：1175 次
标签经常用于微信小程序开发。微信没有自己的标签，但可以与其他功能组合成标签，非常简单。
图像.png
图像.png
所需功能：
1.标签绑定数据和获取
Data current=“”将数据绑定到标记并获取：e.currentTarget.dataset。当前//获取绑定数据
2.Catchtap添加事件。
3.通过js数据值判断是否需要显示、隐藏或以类样式显示
class='｛｛menuTapCurrent==“0”？“btn_selected”：“”｝｝'
hidden=“｛｛menuTapCurrent！='0'｝｝”
原理很简单。设置初始值为0的数据意味着选择了第一个数据。例如，三个选项卡、三个按钮和三个页面用于设置0、1和2的值；然后，单击时，可以在标记中获取绑定的编号，然后设置相应的数据编号。标签的样式、显示和隐藏是根据数据确定的，并且绑定良好。
//js语言
第页({
数据：{
菜单抽头电流：0
},
//单击按钮选项卡切换
菜单点击：功能（e）{
var current=e.currentTarget.dataset。电流；//获取绑定数据
//将menuTapCurrent的值更改为绑定到当前选定菜单的数据
this.set数据({
menuTapCurrent:电流
});
}
});
//wxml语言
