vue.js - 选择完成后，Vue Multiselect : How to send console. 记录

Question

使用Vue Multiselect ，一旦我做出选择，我就会尝试发送console.log。我以为把它放在 watch 里就可以了，但它不起作用。应该放在哪里。请参阅下面我的组件。

组件

<template>
  <div>
    <label v-for="topic in topics" class="radio-inline radio-thumbnail" style="background-image: url('http://s3.hubsrv.com/trendsideas.com/profiles/74046767539/photo/3941785781469144249_690x460.jpg')">
      <input type="radio" v-model="internalValue" name="topics_radio" :id="topic.id" :value="topic.name">
      <span class="white-color lg-text font-regular text-center text-capitalize">{{ topic.name }}</span>
    </label>
  </div>
</template>

<script>
export default {
  props: ['value'],
  data () {
    return {
      internalValue: this.value,
      topics: []
    }
  },
  mounted(){
    axios.get('/vuetopics').then(response => this.topics = response.data);
  },
  watch: {
    internalValue(v){
      this.$emit('input', v);
      console.log('topic has been chosen!!!');
    }
  }
}
</script>

Answer 1

它火了events ，这样你就可以捕获他们。

<multiselect ... @select="doSomething" ...>

然后添加您的方法

...
methods: {
    doSomething(selectedOption, id) {
        console.log(selectedOption);
    }
}

确保您正确实现了 vue-multiselect，我在您的代码中没有看到该组件。