ESLint Attribute ':isShow' must be hyphenated (vue/attribute-hyphenation)

好久木有更新博客啦，来记录一波～最近在接别人做的一半的项目，搭建这个项目的人 eslint 弄了好多限制。我在vue父组件给子组件传值时注意写的：<contact :isShow="isShowDialog" @show="parentShow" />然后就会有警告如下图所示：本来不想管这个警告，但是看着是在不舒服，最后给解决了。该问题产生的条件是：传参的时候由于使...

scy_fighting

11949人浏览 · 2019-09-18 14:13:27

scy_fighting · 2019-09-18 14:13:27 发布

好久木有更新博客啦，来记录一波～

最近在接别人做的一半的项目，搭建这个项目的人 eslint 弄了好多限制。我在vue父组件给子组件传值时注意写的：

然后就会有警告如下图所示：

本来不想管这个警告，但是看着是在不舒服，最后给解决了。

该问题产生的条件是：传参的时候由于使用了驼峰命名，导致eslint 检查时报出了警告。

解决方式：<contact :is-show="isShowDialog" @show="parentShow" /> 将isShow 改成is-show就好了，警告就消失啦～

本人小菜鸟一个，所以记录一下解决方式，如有问题，可随时评论提出哇～～～

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}$/, //不连续的两位字母// /^