微信小程序

小程序条件渲染

2020-04-28  本文已影响0人  一只菜鸟正在脱毛

block

占位符标签

写代码的时候 可以看到标签的存在

页面渲染 小程序会把它移除掉


条件渲染

1.wx:if

wx:if="{{true/false}}"

2.if,else,if else

wx:if

wx:elif

wx:else

3.hidden

1.在标签上直接加入 hidden 属性

2.hidden="{true}"

注:

     1.当标签不是频繁切换显示 优先使用wx:if(直接把标签从 页面结构给移除掉 损耗性能比较大)

      2.当标签频繁切换显示  优先使用 hidden(通过添加样式的方式来切换显示)hidden不要和display一起使用

上一篇 下一篇

猜你喜欢

热点阅读