Vuejs - Использование директивы v-модели в сочетании с параметром-заполнителем по умолчанию, в результате чего заполнитель не отображается - PullRequest
Новая
       18

Vuejs - Использование директивы v-модели в сочетании с параметром-заполнителем по умолчанию, в результате чего заполнитель не отображается

0 голосов
/ 03 марта 2020

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

Мой компонент выглядит примерно так: 

<template>
    <select
      v-on:change="onInputChange"
      v-model="selectedOption"
    >
      <option value="" disabled selected>
        {{ placeholder }}
      </option>

      <option
        v-for="option in options"
        v-bind:key="option.value"
        v-bind:value="option"
      >
        {{ option.label }}
      </option>
    </select>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: this.value,
    };
  },

  methods: {
    onInputChange(event) {
      this.$emit('input', this.selectedOption);
    },
  },
}
</script>

Примечание. Я могу заставить его работать только после удаления v-модели, тогда заполнитель будет отображаться как опция по умолчанию. Я ищу решение, в котором я могу объединить оба. Заранее спасибо

...