:showSearch.sync="showSearch"这种写法在vue3中怎么改

在Vue 3中，如果你想要更新一个响应式绑定并且传递事件（如`v-model`），你可以直接使用`.value`属性而不是`:value`。对于`v-show`这样的条件渲染，可以使用`v-if`替换，因为Vue 3鼓励更明确地控制元素的可见性。所以，如果你想将`@upIsShow`改为同步更新状态，你可以这样做：

<child v-if="isShow" :update="changeIsShow" /> <!-- 使用 "update" 而不是 "@update" -->

这里假设`changeIsShow`是一个可以接受新值的方法。

对于后端返回的状态转换为可选择的选项，你可以创建一个计算属性来处理这个映射过程。例如：

// 在data中定义原始的数据字典
data() {
  return {
    dict: { type: { leave_type: ... } },
    queryParams: { leaveType: '' },
  };
}

// 创建一个计算属性，将数字状态映射到中文标签
computed: {
  options() {
    return this.dict.type.leave_type.map(item => ({
      value: item.value,
      label: item.label,
    }));
  }
}

然后在模板中，你可以这样展示下拉选择：

<el-form-item label="状态" prop="leaveType">
  <el-select v-model="queryParams.leaveType" placeholder="请选择请假类型" clearable>
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value" />
  </el-select>
</el-form-item>

至于修改文本框的内容，只需保持原有的`v-model`写法即可：

<input type="text" v-model="inputValue" />

然后在你的脚本中设置对应的变量或方法去改变`inputValue`的值。