Как установить значение параметра, выбранного в v-select в vue.js 2? - PullRequest
Новая
       47

Как установить значение параметра, выбранного в v-select в vue.js 2?

0 голосов
/ 07 февраля 2019

Я пытаюсь установить option selected, где option значение равно 1.Но у меня проблемы с использованием v-select от vuejs.Вот как я пытаюсь это сделать - 

<v-select name="branchid" v-model="branchid" 
         :options="branches.map(branches => ({label: branches.label, value: branches.value}))" 
         :selected="branches.value === 1"></v-select>

Может ли кто-нибудь помочь мне получить значение option selected, если значение option равно 1?

1 Ответ

0 голосов
/ 08 февраля 2019

Я собрал упрощенную версию того, что (я думаю) вы пытаетесь сделать: 

<template>
  <div>
    <div>
      <select v-on:change="select($event);" value="branchid">
        <option disabled value="">Please select one</option>
        <option :selected="branchid === 1">1</option>
        <option :selected="branchid === 2">2</option>
        <option :selected="branchid === 3">3</option>
      </select>
      <span>Selected: {{ branchid }}</span>
      <button v-on:click="selectOne">Select Option 1</button>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      branchid: 0,
      branchidTwo: 1
    };
  },
  methods: {
    select: function(evt) {
    this.branchid = evt.target.value;
  },
    selectOne: function() {
      this.branchid = 1;
    }
  }
};
</script>

Это не использует шаблон v-модели.В документах прямо говорится, что если вы используете v-модель, сам класс будет использоваться как источник правды, а не как ценность или выбранность.Вы увидите, что я добавил кнопку, которая установит выбранную опцию для выбранного компонента.

Надеюсь, это поможет.

...