[Vue warn]: Failed to resolve directive: on (found in <ComponentA>)

在vue.js 2.0 中提示：[Vue warn]: Failed to resolve directive: on (found in )开发工具：webstorm产生原因：button v-on :click="conClickMe">按钮button>有些地方不应该有空格，例如： v-on与冒号之间，去掉即可。另外：如果去掉空格，webstorm报错怎么办？

项羽-韩

8589人浏览 · 2017-03-28 11:25:18

项羽-韩 · 2017-03-28 11:25:18 发布

在vue.js 2.0 中提示：[Vue warn]: Failed to resolve directive: on (found in <ComponentA>)

开发工具：webstorm

产生原因：

<button v-on :click="conClickMe">按钮</button>

有些地方不应该有空格，例如： v-on与冒号之间，去掉即可。

另外：如果去掉空格，webstorm报错怎么办？

将v-on: 替换为 @

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^