[vue/no-parsing-error] Parsing error: invalid-first-character-of-tag-name.eslint-plugin-vue Parsing error: invalid-first-character-of-tag-name.eslint(vue/no-parsing-error)
问题描述:
vue页面中使用插值语法和三元表达式,出现以上报错,但是可以正常运行;
报错代码如:
<p>{{num<0?"你好":"hello"}}</>
报错信息
[vue/no-parsing-error]
Parsing error: invalid-first-character-of-tag-name.eslint-plugin-vue
Parsing error: invalid-first-character-of-tag-name.eslint(vue/no-parsing-error)
问题解析:
上面这个代码是可以正常运行的,但是Eslint会报错,因为在Html代码中会校验到一个单独的<号,会被Eslint认为是Html代码的一部分而不会认为是模板语言,但因为Vue会去解析这部分的表达式再进行输出,所以是可以正常运行的
解决Eslint报错:
方法一:我们可以使用Html的转义符 < 来进行对<或>号替换
<p>{{ (num < 1) ? "你好":"hello" }}</p>
方法二: 使用 v-text 指令
<p v-text="(num < 1) ? '你好':'hello'"></p>