分类 Other 下的文章

Elements in iteration expect to have 'v-bind:key' directives错误的解决办法


在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示,Elements in iteration expect to have 'v-bind:key' directives.这个错误
这是ESLint的功能,对vue进行了eslint检查。那么我们就把eslint对该插件的检查关闭,

更改vetur配置vscode->首选项->设置->搜索(vetur)

"vetur.validation.template": true  //改成  false

保存,我们再看一下vue文件,发现不报错了。


Vue vscode 格式化配置


打开vscode 插件,找到已安装的 Vetur(提前安装),点击设置

会自动打开settings.json文件,编辑内容

"vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
        "printWidth": 300, // No line exceeds 300 characters
        "singleQuote": false // Prefer double quotes over single quotes
    }
}

然后保存,就可以在打开Vue文件的编辑框中快乐的右键格式化文档了。