Vue.js 将默认值设置为选项 Select 菜单

<template>
  <div>
    <select>
      <option v-for="" v-bind:selected="[condition ? selected : notSelected]" value="">{{ resource.xprm_name }}</option>
    </select>
  </div>
</template>

data: {
  selected: "selected",
  notSelected: ""
}

<div id="app">
  <select v-model="selected">
     <option value="foo">foo</option>
     <option value="bar">Bar</option>
     <option value="baz">Baz</option>
  </select>
</div>

new Vue({
  el: "#app",
  data: {
    selected: 'bar'
  }
});

Vue.js相关问答推荐

Vue Router中.getRoutes()获取的路由顺序优化建议

vue3 输入标签给出错误 Vue.use 不是函数

通过元素加中的正则表达式输入电话号码格式

混合使用 React 和 Vue 是个好主意吗？

如何在 vue 组件之外访问$apollo？

避免在运行时向 Vue 实例或其根 $data 添加响应式属性

即使响应为 200，也会调用 Axios Catch

动态插入字符串上的 Vue 事件处理程序不起作用

在 v-for 的情况下如何从 v-model 输入更新 Vuex 存储

如果我观看解构的props，Vue 3 手表将无法正常工作

Nuxt：显示静态文件夹中的本map像

正确的 vueJS 方法将props与数据同步

如何在 Vue.js 中获取组件元素的 offsetHeight？

在组件之间共享数据

构建 Vue.js 应用程序时 JavaScript 堆内存不足

Vue.js webpack：如何获取目录中的文件列表？

beforeCreate 挂钩中的 Vue 2.1 调用方法不起作用

Vue js在列表中添加动态字段，删除和排序不起作用

如何在 vue.js 中通过单击事件发出值

在 vue js 中的何处以及如何存储 API 端点？