<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('按钮被点击了');
this.isDisabled = true;
}
}
}
</script>
[UniApp]点击完成后,禁用按钮
声明:原创文章请勿转载,如需转载请注明出处!