Vue выбранный вариант

Question

Я пытаюсь изменить выбранный параметр при загрузке страницы.Когда страница загружена и новая или использованная не является нулевой, я хочу, чтобы когда-либо на ней не был выбран нуль вместо ее всегда выбора статуса.Я перепробовал много вещей, но ничего не получалось, и я не смог найти много онлайн о том, как сделать эту работу.

Я пробовал это с v-bind и без него, без v-модели и другими способами.что я видел онлайн.

<select id="application-status" class="custom-select" v-model="selected">
  <option :value="null" disabled>Status</option>
  <option :value="'new'" v-bind:selected="item.new != null">New</option>
  <option :value="'used'" v-bind:selected="item.used != null">Used</option>
</select>

Право, независимо от того, какой статус всегда отображается.

Answer 1

Вам нужно каким-то образом установить значение selected.Один из способов, как Sphinx указал в своем комментарии , - использовать mounted() ловушку жизненного цикла:

const app = new Vue({
  el: "#app",
  mounted() {
    this.selected = "used";
  },
  data() {
    return {
      selected: "",
      item: "new"
    };
  }
});

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>

<div id="app">
  <select id="application-status" class="custom-select" v-model="selected">
    <option :value="null" disabled>Status</option>
    <option :value="'new'" v-bind:selected="item.new != null">New</option>
    <option :value="'used'" v-bind:selected="item.used != null">Used</option>
  </select>
</div>