vue2 按钮限制 点击按钮一前 灰色不可以点击 点击按钮一后 可以点击

2023-12-21 12:33:08

代码?

<template>  
  <div>  
    <button @click="enableButtons">按钮1</button>  
    <button :disabled="!isButton2Enabled"   @click="ann">按钮2</button>  
    <button :disabled="!isButton3Enabled"   @click="ann">按钮3</button>  
  </div>  
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      isButton2Enabled: false,  
      isButton3Enabled: false,  
    };  
  },  
  methods: {  
    enableButtons() {  
      this.isButton2Enabled = true;  
      this.isButton3Enabled = true;  
    },  

    ann(){
      console.log('shuchua')
    }
  },  
};  
</script>

展示?

文章来源:https://blog.csdn.net/weixin_68266812/article/details/135126643
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。