【问题标题】:PHPStorm and ES6 arrow functions inside vue template tagvue 模板标签内的 PHPStorm 和 ES6 箭头函数
【发布时间】:2018-02-03 01:54:44
【问题描述】:

我正在使用 PHPStorm 2017.2,今天遇到了一些麻烦。有没有办法在模板内的 vue 属性中使用箭头函数?现在,当我尝试编写类似

的东西时,我得到了 PHPStorm 突出显示的“表达式预期”错误
<template>
   <button @click="() => {some code... }">Click me</button>
</template>

箭头函数在脚本标签内工作正常,但模板标签的问题让我抓狂。

【问题讨论】:

  • 我建议你向 Idea 或 Vue 插件维护者提出一个错误。这里没有人能为你做任何事

标签: ecmascript-6 vue.js phpstorm-2017.2


【解决方案1】:

模板语法中不允许使用函数,因此插件是否允许都无关紧要 + 这不是一个好的做法 --> 为它创建一个更清晰、更易读的方法。

类似问题的 Git hub 问题。 https://github.com/vuejs/vue-loader/issues/364

【讨论】:

    【解决方案2】:

    我想说 vuejs 2.0 已经支持它了。我已经测试过了,也写在docs

    <comp :foo="bar" @update:foo="val => bar = val"></comp>
    

    只是 PhpStorm 在抱怨...如果您提出错误,我会投票!

    【讨论】:

      猜你喜欢
      • 2018-02-26
      • 2019-02-19
      • 2019-01-06
      • 1970-01-01
      • 2018-08-01
      • 2018-08-02
      • 2018-07-18
      • 2018-07-02
      相关资源
      最近更新 更多