uniapp 设置 button 不可按
时间: 2023-09-03 10:10:38 浏览: 189
一个无法点击到的按钮
4星 · 用户满意度95%
你可以在 button 标签上添加 `disabled` 属性来设置按钮不可按,例如:
```html
<template>
<button disabled>不可按的按钮</button>
</template>
```
如果你是通过 `v-bind` 绑定数据来控制按钮是否可按,可以这样写:
```html
<template>
<button :disabled="isDisabled">根据数据来控制的按钮</button>
</template>
<script>
export default {
data() {
return {
isDisabled: true // 初始值为 true,按钮不可按
}
},
methods: {
enableButton() {
// 点击后将 isDisabled 设置为 false,按钮可按
this.isDisabled = false
}
}
}
</script>
```
在这个例子中,初始时 `isDisabled` 被设置为 `true`,按钮不可按,当用户触发 `enableButton` 方法时,`isDisabled` 被设置为 `false`,按钮变为可按。
阅读全文