首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在vue-select中设置防止事件

如何在vue-select中设置防止事件
EN

Stack Overflow用户
提问于 2019-10-18 11:35:49
回答 1查看 2K关注 0票数 2

在我的Laravel5.8/vuejs2.6应用程序中,带有"vue-select":"^2.6.4“i

在选择选项时设置操作,但我有两个问题:( 1)看起来像在打开的页面上触发了操作,2)当我选择选项操作被触发两次时。3)我尝试设置.prevent:

代码语言:javascript
复制
<v-select
    v-model="selection_forum_post_action"
    :options="forumPostActionValueArray"
    id="forum_post_action"
    name="forum_post_action"
    class="form-control editable_field"
    placeholder="Select action"
    @change.prevent="forumPostActionSelected(nextThreadPost.id, nextThreadPost.body, nextThreadPost.creator_name)"
></v-select>

但得到控制台错误:

代码语言:javascript
复制
app.js?dt=1571398092:134128 [Vue warn]: Error in v-on handler: "TypeError: $event.preventDefault is not a function"                               

我尝试了几个变体,但都失败了。请举例说明..。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-10-20 10:36:43

我发现@input对我有好处:

代码语言:javascript
复制
<v-select
    v-model="selection_forum_post_action"
    :options="forumPostActionValueArray"
    id="forum_post_action"
    name="forum_post_action"
    class="form-control editable_field"
   placeholder="Select action"
   @input="forumPostActionSelected(nextThreadPost.id, nextThreadPost.body, nextThreadPost.creator_name)"
></v-select>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58450092

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档