vue根据后台返回值选中select回显

假设后台返回的数据格式如下：

{
  id: 1,
  name: '张三',
  gender: 'male'
}

如果要根据后台返回的 gender 值来选中 select，可以将 select 的 v-model 绑定到 gender 上，然后在获取到后台返回值后，将 gender 的值赋给 v-model。

例如：

<template>
  <div>
    <label for="gender">性别：</label>
    <select id="gender" v-model="gender">
      <option value="">请选择</option>
      <option value="male">男</option>
      <option value="female">女</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      gender: ''
    }
  },
  mounted() {
    // 假设后台返回的数据为 response
    const response = {
      id: 1,
      name: '张三',
      gender: 'male'
    }
    // 将后台返回的 gender 值赋给 v-model
    this.gender = response.gender
  }
}
</script>

这样，当页面加载完成时，select 就会自动选中男这个选项。