vue中el-button获取验证码

在Vue.js中，如果需要在`el-button`组件上添加获取验证码的功能，通常会涉及到前端与后端交互，例如通过axios等HTTP库发起AJAX请求。你可以按照以下步骤操作：

1. 定义一个按钮并绑定点击事件：

<el-button @click="getVerificationCode" :loading="isLoading">获取验证码</el-button>

这里，`@click`表示当用户点击按钮时触发`getVerificationCode`函数，`:loading`用于显示加载状态。

2. 创建`getVerificationCode`方法：

data() {
  return {
    isLoading: false,
    verificationCode: '',
  };
},
methods: {
  getVerificationCode() {
    this.isLoading = true; // 开始加载状态
    axios.post('/api/get-verification-code', {}) // 替换为实际的API地址
      .then(response => {
        this.verificationCode = response.data.code; // 存储验证码
        this.isLoading = false; // 结束加载状态
      })
      .catch(error => {
        console.error('获取验证码失败:', error);
        this.isLoading = false;
      });
  },
}

在这个方法里，向服务器发送POST请求，并在响应成功时获取验证码值。注意替换`'/api/get-verification-code'`为你的实际API路径。