微信小程序代码为<view class="label">是否选择此论文题目:</view> <button class="submit" bindtap="yes"style="background-color: green;">是</button>如何让学生不重复点是
时间: 2023-07-02 07:16:57 浏览: 70
微信小程序动态添加view组件的实例代码
可以在点击 "是" 按钮后,将按钮的状态设置为不可点击,同时在学生重新进入该页面时,检查按钮状态并禁用按钮。可以使用以下代码实现:
1. 在 button 标签中添加 disabled 属性,并在 js 文件中设置按钮状态:
```
<button class="submit" bindtap="yes" style="background-color: green;" disabled="{{buttonDisabled}}">是</button>
// 在 js 文件中设置按钮状态
Page({
data: {
buttonDisabled: false
},
yes: function() {
this.setData({
buttonDisabled: true
})
}
})
```
2. 在页面加载时检查按钮状态:
```
Page({
onLoad: function() {
var buttonDisabled = wx.getStorageSync('buttonDisabled') || false;
this.setData({
buttonDisabled: buttonDisabled
})
}
})
```
3. 在点击 "是" 按钮后,将按钮状态保存到本地:
```
Page({
yes: function() {
this.setData({
buttonDisabled: true
})
wx.setStorageSync('buttonDisabled', true);
}
})
```
阅读全文