梦想菲菲的学习笔记
当前位置: 首页 UniApp 正文

[UniApp]点击完成后,禁用按钮

cuibo |
825

<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>

声明:原创文章请勿转载,如需转载请注明出处!

请到 外观=》小工具 页面设置该模块调用内容。