时间戳

首页 > 解决方案 > 从dopdown vue中选择选项时的调用方法

vue-component - 从dopdown vue中选择选项时的调用方法

问题描述

我在 vue 组件中有多选。当我从该下拉列表中选择一个项目时，它应该执行一个方法。但该方法在页面加载中调用。但是当我仅从下拉列表中选择一个项目时，我想调用该方法。如何完成它。

Vue组件中的多选

    <multiselect v-model="value" placeholder="Search Categories" @input="updateSelected" :allow-empty="false"
                           :options="categories" :taggable="true" :custom-label='categoriesWithTitle' track-by='id'
                           :show-labels="false">
   </multiselect>

标签： vue-component

解决方案

我猜你在用vue-multiselect？如果是这种情况，则有一个@select事件 -> Emitted after selecting an option，这应该可以解决问题。

在这里，您的代码在页面加载时触发，因为您的valueprop 上可能有一些动态值（@input >> “在 this.value 更改后发出”）。

https://vue-multiselect.js.org/#sub-events

推荐阅读