【问题标题】:Multiple Event Handlers in vue.js 1.0vue.js 1.0 中的多个事件处理程序
【发布时间】:2016-02-17 00:08:52
【问题描述】:

Vue.js 1.0 之前的版本,您可以通过这种方式调用多个事件句柄:

<input type="text" v-on="
   keyup: onKeyUp,
   blur: onBlur
">

现在随着 1.0 的发布,新语法如下:

<input type="text" 
   v-on:keyup="onKeyUp" 
   v-on:blur="onBlur
">

我希望找到一种方法来绕过两次调用 v-on。似乎找不到关于 vue.js 1.0+ 的多个事件处理程序的任何文档

【问题讨论】:

  • 我相信第一个例子在技术上确实在解析时调用了两次 v-on;但是你有什么理由只需要在你的元素上只出现一次 v-on 呢?
  • @Douglas.Sesar 清洁代码。字符较少。这不是功能问题,只是对最小化的兴趣。

标签: javascript event-handling vue.js eventhandler


【解决方案1】:

如果您想尽量减少输入量,可以使用 1.0 引入的新 @event 语法:

<input type="text"
  @keyup="onKeyUp" 
  @blur="onBlur"
>

请参阅vue.js documentation 了解更多信息。

除此之外,我认为 1.0 无法满足您的要求。

【讨论】:

    猜你喜欢
    • 2022-12-31
    • 1970-01-01
    • 2017-10-23
    • 2013-01-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多