如何在 JavaScript 三元中编写条件答案

【问题标题】：How to write condition in JavaScript ternary如何在 JavaScript 三元中编写条件
【发布时间】：2022-01-07 12:28:14
【问题描述】：

我的表单中有一个选择和选项，但我想用旧的选定数据预填充选择，但我似乎无法让它工作。

这是我的代码

<select name="holding_id" v-model="service.holding_id">
              <option value="">Select a holding group</option>
              <option v-for="holding in holdings" v-bind:key="holding.id" v-bind:value="holding.id">
                             {{ holding.holding_name }}
              </option>
  </select>

我认为使用 javascript 三元是有意义的

【问题讨论】：

这能回答你的问题吗？ Set default value to option select menu
v-model 将忽略在任何表单元素上找到的初始值、选中或选定属性。它将始终将 Vue 实例数据视为事实来源。您应该在 JavaScript 端声明初始值，在组件的 data 选项中。 - docs

标签： javascript vue.js

【解决方案1】：

你可以尝试如下 sn-p:

new Vue ({
  el: "#demo",
  data() {
    return {
      holdings: [{id: 1, holding_name: 'aaa'}, {id: 2, holding_name: 'bbb'}, {id: 3, holding_name: 'ccc'}],
      service: {holding_id: 2}
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <select name="holding_id" v-model="service.holding_id || ''">
    <option value="" disabled>Select a holding group</option>
    <option v-for="holding in holdings" v-bind:key="holding.id" v-bind:value="holding.id">
                   {{ holding.holding_name }}
    </option>
  </select>
</div>

【讨论】：