小程序点击按钮隐藏view并显示另个view

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

在wxml按钮绑定一个点击事件,然后在wxss中设置一个view显示和一个view隐藏,在js定义一个数据,初始值为true,然后将数据绑定到两个view里面,用三元运算来判定后添加class,这个class就是显示或隐藏view,如果要隐藏的可以判断showView为true是加上hide的class,如果要隐藏的可以判断showView为true是加上show的class,最后点击按钮的是把showView的值改为false就可以了wxml:<view class=”one {{showView?’show’:’hide’}}” >     <image src=’../../img/timg.jpg’></image>      <button class=’show-button’ bindtap=’showButton’>go</button></view><view class=”two {{showView?’hide’:’show’}}”>    <image src=’../../img/timg.gif’></image></view>
wxss:.hide{ display: none;}.show{ display: block;}
js:data: {    showView: true,  },showButton:function(){    var that = this;    that.setData({      showView: (!that.data.showView)    })

点这里可以跳转到人工智能网站

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请发表评论。x
()
x