vue.js - 我可以使用选项覆盖 v-model 自动选择 :selected 属性吗？

Question

我希望选项上的 :selected 属性覆盖选择标记上的 v-model 属性，但我不确定如何使其具有优先级。我需要 v-model 以便它可以与商店同步。

<select 
  v-model="device.current_schedule_settings[0]"
  @change="$v.device.channels.$touch()"
  @blur="$v.device.channels.$touch()"
>
  <option v-for="value in relativeInput" :key="value[0]" :value="value[0]" :selected="value[0] == rounded(device.current_schedule_settings[0])">
    {{ value[0] }}
  </option>
</select>

标签： vue.js

Answer 1

我想通了，v-model 需要分成两部分

v-bind:value="rounded(device.current_schedule_settings[0])"
@input="device.current_schedule_settings[0] = $event.target.value"