<van-button type="primary" class="myButton" bindtap="sumbit" vx:if="{{showButton}}">提交审核</van-button> <van-button type="primary" class="myButton" bindtap="sumbit" vx:if="{{showButton}}">提交销假</van-button> <van-button type="primary" class="myButton" bindtap="sumbit" vx:if="{{showButton}}">撤销申请</van-button>如何控制这几个按钮的显示与隐藏
时间: 2023-10-16 17:07:35 浏览: 76
显示和隐藏按钮
4星 · 用户满意度95%
可以通过在对应的 wxml 页面中定义一个变量 showButton,然后在 js 代码中修改 showButton 的值来控制这几个按钮的显示与隐藏。例如,可以在 js 代码中使用 this.setData({showButton: true}) 来显示按钮,使用 this.setData({showButton: false}) 来隐藏按钮。当 showButton 的值为 true 时,这几个按钮会显示在页面上;当 showButton 的值为 false 时,这几个按钮会被隐藏。同时,需要在对应的 wxml 模板中使用 vx:if="{{showButton}}" 来控制这几个按钮是否需要渲染到页面上。
阅读全文