vue实现el-input根据v-model绑定的变量在0显示男，1显示女

要实现 el-input 根据 v-model 绑定的变量在 0 显示男，1 显示女，可以使用 Vue 的计算属性和条件渲染功能。

首先，在组件的 data 中定义一个变量来保存输入框的值，例如：

data() {
  return {
    gender: ''
  }
}

接下来，在 el-input 组件中使用 v-model 指令将 gender 变量绑定到输入框上，例如：

<el-input v-model="gender"></el-input>

现在，每当用户在输入框中输入内容时，gender 变量将自动更新。

接下来，您可以使用计算属性来根据 gender 变量的值动态显示文本。例如，以下计算属性将根据 gender 变量的值返回男或女：

computed: {
  genderText() {
    return this.gender === '0' ? '男' : '女'
  }
}

最后，您可以将计算属性中返回的文本绑定到 el-input 组件的 value 属性上，并使用 v-if 或 v-show 条件渲染功能来显示文本。例如：

<el-input v-model="gender" :value="genderText"></el-input>
<div v-if="gender === '0'">男</div>
<div v-else-if="gender === '1'">女</div>

现在，当用户在输入框中输入 0 时，输入框的值将自动更新为男，并显示男文本；当用户输入 1 时，输入框的值将自动更新为女，并显示女文本。