vue根据后台返回值选中select

在vue中可以通过v-model指令来绑定select的选中值，而后台返回的值可以通过在mounted钩子函数中发起异步请求来获取，然后将返回的值设置为v-model绑定的变量即可实现选中。

举个例子，假设后台返回的数据格式为：

{
  "data": {
    "selectedValue": "option2",
    "options": [
      { "value": "option1", "label": "选项1" },
      { "value": "option2", "label": "选项2" },
      { "value": "option3", "label": "选项3" }
    ]
  }
}

在Vue组件中，我们可以这样写：

<template>
  <div>
    <select v-model="selectedValue">
      <option v-for="option in options" :value="option.value">{{ option.label }}</option>
    </select>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        selectedValue: '',
        options: []
      }
    },

    mounted() {
      // 发起异步请求获取后台数据
      this.$http.get('/api/options').then(response => {
        // 将后台返回的值设置为v-model绑定的变量
        this.selectedValue = response.data.data.selectedValue
        this.options = response.data.data.options
      })
    }
  }
</script>

在上面的例子中，我们在mounted钩子函数中使用Vue-resource库发起异步请求获取后台数据，并将返回的值设置为v-model绑定的变量selectedValue和options，这样就可以在select中选中后台返回的值了。