在uni-app中,可以通过v-bind指令来动态设置按钮的disable属性。
示例代码如下所示:
<template>
<view class="container">
<!-- 使用 v-bind 将 isDisabled 变量与 disabled 属性进行绑定 -->
<button :disabled="isDisabled" @click="handleClick">点击我</button>
</view>
</template>
<script>
export default {
data() {
return {
// 初始化时设置为 false,表示按钮不被禁用
isDisabled: false
}
},
methods: {
handleClick() {
console.log('按钮被点击了')
}
}
}
</script>