Два поля множественного выбора на одной странице повреждены, vue multiselect - PullRequest
Новая
       6

Два поля множественного выбора на одной странице повреждены, vue multiselect

0 голосов
/ 24 августа 2018

Я использую это решение vue.js для выпадающего меню множественного выбора.Я пытаюсь иметь два поля множественного выбора на одной странице.Они отражают разные наборы данных.И все же выбор во втором поврежден. 

<code><div id="app">
  <multiselect 
    placeholder="Select"
    v-model="value" 
    :options="options"
    :multiple="true"
    track-by="language"
    label="language"
    >
  </multiselect>
  <pre>{{ value }}
{{ value2 }}

Vue.js: 

new Vue({
  components: {
    Multiselect: window.VueMultiselect.default
    },
    data: {
    value: {language: 'aaa'},
    options: [
      { language: 'aaa'},
      { language: 'bbb'},
      { language: 'ccc'}
    ],
    options2: [
    {   language: '111'},
      { language: '222'},
      { language: '333'}
    ]
    },
  methods: {
    onSelect (items, lastSelectItem) {
      this.items = items
      this.lastSelectItem = lastSelectItem
    },
    // deselect option
    reset () {
      this.items = [] // reset
    },
    // select option from parent component
    selectOption () {
      this.items = _.unionWith(this.items, [this.options[0]], _.isEqual)
    },
  }
}).$mount('#app')

Попробуйте здесь: скрипка

Какможно ли заставить оба мультисектора работать отдельно друг от друга?

РЕДАКТИРОВАТЬ: решение

1 Ответ

0 голосов
/ 24 августа 2018

Вам не хватает поля данных value2.

Добавьте value2: {language: 'bbb'},, и оно должно работать

...