<el-input 新增打开可编辑，查询打开不可编辑

`<el-input>` 是Element UI库中的输入框组件，在Vue.js中使用。如果你想实现这样一个功能：当用户点击输入框时切换到编辑模式，而在查询或筛选状态下保持不可编辑，你可以这样做：

首先，在模板中，设置默认的`editable`属性为`false`，表示初始状态是不可编辑的：

<el-input v-model="inputValue" :disabled="isDisabled" @focus="setEditable(true)" @blur="setEditable(false)">

这里，`inputValue`用于存储用户的输入值，`isDisabled`控制输入框是否可编辑。

然后，在数据对象中初始化`isDisabled`和定义`setEditable`方法：

data() {
  return {
    inputValue: '',
    isDisabled: true,
  };
},
methods: {
  setEditable(state) {
    this.isDisabled = !state;
  },
}

当你希望在聚焦(`focus`)事件触发时切换到可编辑状态，就在`@focus="setEditable(true)"`中设置编辑模式。而当失去焦点(`blur`)时，会自动切换回非编辑状态，因为`@blur="setEditable(false)"`。