Vue-Multiselect удалить событие, как получить значение и идентификатор - PullRequest
Новая
       42

Vue-Multiselect удалить событие, как получить значение и идентификатор

0 голосов
/ 10 мая 2019

Я новичок в VueJ, я использую vue-multiselect и мне нужно получить информацию об удаленном элементе.

Например: после выбора одного или нескольких итенов и удаления одного из них, нажав на метку, как я могу использовать событие @ remove и получить всю необходимую информацию, такую ​​как значение и идентификатор?

Допустим, у меня есть один массив, подобный этому: ['food', 'farmacy']

Как я могу получить доступ к тезисам, если они удалены из vuejs-multiselect?

Я пишу: 

   <multiselect v-model="value" 
                track-by="code" 
                :options="options" 
                :multiple="true" 
                :taggable="true" 
                placeholder="Choose one category" 
                label="name"
                @remove="toggleUnSelectMarket(value, id)"></multiselect>

Я просто передаю значение и идентификатор в качестве параметров функции toggleUnSelectLojas, но не знаю, как найти нужную мне информацию: 

toggleUnSelectLojas: function(value, id)
  {          

     console.log(' Teste toggleUnSelectMarkets value : ', value)
     console.log(' Teste toggleUnSelectMarkets id : ', id)
  },

1 Ответ

1 голос
/ 10 мая 2019

проверить это Песочница

вам не нужно передавать какие-либо параметры при удалении, событие содержит соответствующий объект. Что вы можете сделать, это: 

<template>
  <div id="app">
    <vue-multiselect
      v-bind:options="list"
      v-model="value"
      multiple
      label="id"
      track-by="id"
      @remove="toggleUnSelectMarket"
    ></vue-multiselect>
  </div>
</template>

<script>
import vueMultiselect from "vue-multiselect";

export default {
  components: {
    vueMultiselect
  },
  methods: {
    toggleUnSelectMarket({ value, id }) {
      this.toggleUnSelectLojas(value, id);
    },
    toggleUnSelectLojas(value, id) {
      console.log(" Teste toggleUnSelectLojas value : ", value);
      console.log(" Teste toggleUnSelectLojas id : ", id);
    }
  },
  data() {
    return {
      value: [],
      list: [
        {
          id: "1",
          value: 2
        },
        {
          id: "2",
          value: 3
        }
      ]
    };
  }
};
</script>
...