前端vue实现一个disabled功能

Question

前端vue实现一个这样的功能：点击按钮后，按钮的disabled="true"不可用，等按钮调用完接口以后，再变为可用disabled="false"；
请问代码该如何实现

Answer 1

你的需求主要就是给影响按钮状态的一个变量的赋值操作，可以参考下面代码：

<template>
  <button :disabled="flag" @click="clickEve">点击</button>
</template>


<script>
 export default {
  data() {
      return {
        flag:false
      }
 },
methods:{
  clickEve() {
         this.flag= true;
        Axios({
          method: 'post',
          url: 'url',
          data: Qs.stringify(datas)
        }).then((res) => {
          this.flag= false;
        }, (err) => {
          
        })
      },
  }
}
</<script>