vue el-select el-input 联动

vue中的el-select和el-input可以通过v-model进行双向绑定，实现联动效果。具体实现步骤如下：

1. 为el-select组件添加v-model属性，绑定一个选中的值；
2. 为el-input组件添加v-model属性，绑定需要联动的值；
3. 监听el-select的change事件，将选中的值赋值给绑定的值；
4. 在el-input组件中通过计算属性computed获取el-select的选中值，并实时更新联动的值。

下面是实现代码：

<template>
  <div>
    <el-select v-model="selectedValue" @change="handleChange">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-input v-model="inputValue"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ],
      selectedValue: '',
      inputValue: ''
    }
  },
  methods: {
    handleChange() {
      this.inputValue = this.selectedValue;
    }
  },
  computed: {
    selectedValue: {
      get() {
        return this.selectedValue;
      },
      set(value) {
        this.selectedValue = value;
        this.inputValue = value;
      }
    }
  }
}
</script>