• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序 —— 动态决定页面元素显示或隐藏的技巧

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在微信小程序开发中,经常遇到一些由后台控制显示(is_open : 1)或者隐藏(is_open : 0),有俩种办法:

  • 复杂办法

    • 1.先在元素的class中 class=’{{show?’true’:’hidden’}}’
    • 2.再在相对应的js中配置show的值,例 data: {show:1,}
    • 3.最后在相对应的css中定义
    • .hidden{display:none;}

  • 简单办法
  • 直接在元素中加入wx:if=”{{is_open !=”}}”代码,后台传到前端的is_open为1时,元素就显示;为0时就不显示,如:
    <button wx:if="{{show !=\'\'}}" class="free-contactButton" open-type=\'contact\'>
        <view class="iconfont icon-duihuaxinxi"></view>
    </button>

     


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap