Vue 注释template中组件的属性

最新推荐文章于 2022-01-03 23:10:19 发布
最新推荐文章于 2022-01-03 23:10:19 发布
阅读量6.2k 收藏 3
点赞数 2
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37086982/article/details/103669740
版权

想注释一个组件的属性，一直报错

[vue/no-parsing-error] Parsing error: unexpected-character-in-attribute-name

因为项目中引入了eslint-plugin-vue，对template有默认检测，因此就直接修改.eslintrc.js文件

  "unexpected-character-in-attribute-name": false,

发现也没啥用.

最后一番查找发现，这个插件是修改了VsCode的默认配置

你得打开Vscode的配置文件
Ctrl+Shift+P ，输入open workspace settings
再搜索 vetur.validation.template
把这玩意给设置成false就成(取消勾选项)

在这里插入图片描述

南乡人
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习vue-admin-template，优化了大量融入代码，添加中文注释
05-16
学习vue-admin-template，优化了大量融入代码，添加中文注释，比官网好用
vue transition 在子组件中失效的解决
10-16
每个部分在组件中扮演特定的角色，`<template>`定义了组件的DOM结构，`<script>`负责逻辑和数据处理，而`<style>`定义了组件的样式表现。 #### `<transition>`的作用 `<transition>`是一个Vue内置组件，用于给单个...
missing-whitespace-between-attributes,unexpected-character-in-attribute-name
Locker的博客
06-19 7827
报错信息： missing-whitespace-between-attributes unexpected-character-in-attribute-name
vue项目报错：[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue
gao_jun1的博客
10-06 1万+
一、问题描述 在编写vue的template模块时，会报出红线上的错误，但是在正常情况下又不影响项目的正常运行，但是就是看着有些难受。 二、解决方法 1、在vscode的左下角找到设置的按钮，点击设置 2、在搜索框中搜索 Vetur>Validation:Template ，将这一项的勾选去掉即可。 ...
vue报错: [eslint-plugin-vue] [vue/valid-v-for] [vue/no-parsing-error]
票票的博客
07-08 3354
具体报错信息： [vue/valid-v-on] Avoid using JavaScript keyword as "v-on" value: "handleSearchTable".eslint-plugin-vue [vue/no-parsing-error] Parsing error: control-character-in-input-stream.eslint-plugin-vue [vue/no-parsing-error] Parsing error: Unexpected cha
vue3报错4 Parsing error: Unexpected character ‘‘.
yangyangdt的博客
01-03 4951
报错如下图： 这个报错与你的代码无关，是eslint的问题。 //1.eslint 配置 babel-eslint 插件 npm install babel-eslint --save //2.在package.json中配置 eslintConfig 属性，vue3中应该有这个 eslintConfig 属性。 "eslintConfig": { "parser": "babel-eslint" } 如果还没有用的话，就是复制的代码里有一些在编译器里看不出来的符号（word文档所带），比如这个点，
ESlint发生 Parsing error 错误的解决办法
热门推荐
qq_44884577的博客
04-13 3万+
ESlint发生 Parsing error 错误的解决办法
在Vue组件中使用 TypeScript的方法
08-27
在Vue组件中集成TypeScript，可以带来诸多好处，如代码约束、注释功能以及类型安全。TypeScript是一种静态类型的超集语言，它扩展了JavaScript，提供了类型系统、接口、命名空间等特性，使得大型项目的维护性和...
vue中的自定义分页插件组件的示例
01-19
介绍一下，已经有很多的vue分页的组件了，大家都是大同小易，那么我就结合自身的使用，写出了一片文章 首先在新建一个分页模块 在模块中引入相应的代码，（内有详细的注释） template中 共{{dataNum}}条...
Vue.js一个文件对应一个组件实践
10-21
同时，示例中提到，将`<component>`标签注释掉可以看到与按需加载组件的区别。 ### 实际应用中的注意事项 虽然示例中展示了如何在不使用Webpack等构建工具的情况下实现组件按需加载，但在实际开发中，大多数情况...
使用iView时报"Parsing error: x-invalid-end-tag"错误的解决方案
进击的小宇宙
03-13 2万+
一、 问题日志 ✘ https://google.com/#q=vue%2Fno-parsing-error Parsing error: x-invalid-end-tag src\components\register.vue:45:11 &amp;lt;/Input&amp;gt; ^ 二、 问题原因 iView将标签渲染为原生...
[vue/no-parsing-error] Parsing error:x-invalid-end-tag
张文慧 期待每一天更好的自己
07-19 6551
错误截图： 错误原因： iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。 解决方案：
[vue/no-parsing-error] Parsing error: invalid-first-character-of-tag-name.
weixin_47353884的博客
09-01 3227
// 通过把<号替换成&lt;就能达到效果并且Eslint不报错了 //原来是 <=转换 //现在是 &lt; =转换 可以使用Html的转义符来进行对<或>号替换，这样就可以达到Eslint不报错的目的，Vue也可以正常运行 ...
Eslint插件
qq_30817073的博客
09-20 1万+
ESLint旨在完全可配置，这意味着您可以关闭每个规则，只能使用基本语法验证，或者混合并匹配捆绑的规则和自定义规则，使ESLint完美的适用于您的项目。 一、eslint-plugin-vue 地址：https://github.com/vuejs/eslint-plugin-vue 安装： npm install --save-dev eslint eslint-plugin-vue@b
Module Error (from ./node_modules/eslint-loader/index.js):解决办法
aaronthon的博客
05-19 2万+
vue启动项目报如下错误： Failed to compile. ./src/components/Vcontent.vue Module Error (from ./node_modules/eslint-loader/index.js): E:\myvue\src\components\Vcontent.vue 4:15 error Parsing error: une...
vue封装组件时出现Module parse failed: Unexpected character ‘‘错误的解决办法
做GIS梦的人
02-24 1万+
在使用Vue封装UI组件时，出现了如下问题： ERROR in ./node_modules/_mavon-editor@2.9.1@mavon-editor/dist/font/fontello.woff2 Module parse failed: Unexpected character '' (1:4) You may need an appropriate loader to handle this file type. 初步判断是webpack的配置里缺少了对字体文件的处理，经过多次尝试最.
vue中注释语法
最新发布
05-27
在Vue中，有两种注释语法： 1. HTML注释：使用`<!-- -->`包裹注释内容，可以在模板中注释掉一些HTML代码，例如： ``` <template> <div> <!-- 这是一个注释 --> <p>这是一个段落</p> </div> </template> ``` 2. JS注释：使用`//`或`/* */`包裹注释内容，可以在Vue组件中注释掉一些JS代码或Vue模板中的表达式，例如： ``` <script> export default { data() { return { // 这是一个变量 message: 'Hello, Vue!' } }, methods: { // 这是一个方法 handleClick() { console.log('clicked') } }, template: ` <div> <!-- 这是一个模板注释 --> <p>{{ message }}</p> </div> ` } </script> ``` 注意：在Vue模板中，只能使用HTML注释语法，不能使用JS注释语法。在Vue组件中可以使用两种注释语法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值