微信小程序中不能直接操作window对象,document文档,跟html的树结构不相同。
实现类似导航的隐藏显示,如图效果:
点击网络显示或隐藏网络中包含的内容。其他类似。
如果是jquery很方便实现,能直接操作document。在微信小程序中实现思路是:在逻辑层定义变量,通过setData赋值。
方法一:通过变量直接赋值,给每一个要控制显示的view定义变量
wxml 代码:
<!--index.wxml--> <view class="navView" bindtap="tigger" data-num="1">视图容器</view> <view class="classname" hidden="{{view1}}"> <button bindtap="opentype" data-type="view">view</button> <button bindtap="opentype" data-type="movable">movable</button> </view> <view class="navView" bindtap="tigger" data-num="2">基础内容</view> <view class="classname" hidden="{{view2}}"> <button bindtap="opentype" data-type="icon">icon</button> <button bindtap="opentype" data-type="text"> |