使用vue和el-button点击按钮1隐藏按钮1并改变按钮2的值并把按钮1的值传给后端

你可以使用Vue的v-if和v-on指令来达到这个目的。具体步骤如下：

1. 在Vue实例中定义一个data属性，用来控制按钮1是否显示以及按钮2的文本内容。同时定义一个方法，用来向后端传递值。示例代码如下：

new Vue({
  el: '#app',
  data: {
    showButton1: true,
    button2Text: '按钮2',
    valueToSend: ''
  },
  methods: {
    sendValueToBackend() {
      // 向后端传递值的逻辑
    }
  }
})

2. 在HTML中使用v-if和v-on指令来控制按钮的显示和点击事件。当按钮1被点击时，通过v-if指令隐藏它，并更新按钮2的文本内容。同时调用sendValueToBackend方法，将按钮1的值传递给后端。示例代码如下：

<div id="app">
  <el-button v-if="showButton1" @click="showButton1 = false; button2Text = '新的文本'; sendValueToBackend()">{{ valueToSend }}</el-button>
  <el-button v-else>{{ button2Text }}</el-button>
</div>

在点击按钮1时，会触发showButton1的更新，使得按钮1被隐藏，并且button2Text更新为'新的文本'。同时也将valueToSend的值传递给后端。