SOURCE

console 命令行工具 X clear

                    
>
console
var Main = {
    data() {
      return {
        result: [{text: '发送'},{text: '发送'},{text: '发送'}]
      };
    },
  	methods: {
      test(item) {
        if(item.isOk || item.isClicked) {
          return;
        }
        console.log(111111);
        item.isClicked = true;
        item.text = '发送中...';
        setTimeout(() => {
          item.text = '发送成功';
          item.isOk = true;
        }, 2000)
      }
    },
    mounted() {
    	
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.3.6/lib/index.js"></script>
<div id="app">
<template>
  <div class="block">
    <el-button v-for="item in result" icon="el-icon-search" @click="test(item)">{{ item.text }}</el-button>
  </div>
</template>
</div>
@import url("//unpkg.com/element-ui@2.3.6/lib/theme-chalk/index.css");