Question

我正在使用vue-select，当我从选择列表中选择一个项目时，我想做一个点击事件。我试过@change="changedValue" @selected="changedLabel"，但这对我不起作用。

Vue选择

<v-select placeholder="Add administrator" class="form-control-select" label="displayName" :options="items"></v-select>

有谁知道如何触发事件？感谢

Answer 1

由于您没有提供指向您正在使用的组件库的链接，因此我假设您使用的是vue-select。

通过其源代码快速查看显示组件具有onChange prop，当所选值更改时调用该组件并默认为发出输入事件。

您只需将changedLabel附加到@input：

即可

＆＃13;

Vue.component('v-select', VueSelect.VueSelect)

new Vue({
  el: '#app',
  data: {
    items: [      
      'foo',
      'bar'
    ],
    selected: null
  },
  methods: {
    changedLabel(event) {
      this.selected = event;
    }
  }
})

＆＃13;

<script src="https://unpkg.com/vue-select@2.4.0/dist/vue-select.js"></script>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
<div id="app">
  <v-select 
    placeholder="Add administrator" 
    class="form-control-select" 
    label="displayName" 
    :options="items"
    @input="changedLabel"
  ></v-select> 
  
  <span>{{ selected }}</span>
</div>

＆＃13;

如何在v-select上进行点击事件？

1 个答案: