实现小程序点击按钮,text显示和隐藏
代码
wxml
<view class="" wx:for="{{notice}}">
<button bindtap="noticeTap" data-item="{{index}}">click</button>
<view class="{{item.isHide?'hide':''}}">{{item.text}}</view>
</view>
wxss
.hide{
display: none;
}
js
Page ({
/**
* 页面的初始数据
*/
data: {
notice: [
]
},
noticeTap: function (e) {
let item = e.target.dataset.item;
console.log (item);
this.data.notice[item].isHide = !this.data.notice[item].isHide;
let notice = this.data.notice;
this.setData(
{notice}
)
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
//请求
let notice = [
{text: "信息1111111111111",isHide:true},
{text: "信息2222222222222",isHide:true},
{text: "信息3333333333333",isHide:true},
{text: "信息4444444444444",isHide:true},
];
this.setData({notice});
},
});