问题解析:
代码是可以正常运行的,但是Eslint会报错,因为在Html代码中会校验到一个单独的<号,会被Eslint认为是Html代码的一部分而不会认为是模板语言,但因为Vue会去解析这部分的表达式再进行输出,所以是可以正常运行的
解决方式:
方法一:可以使用Html的转义符 < 来进行对<或>号替换
<span> {{index+1 <= 9 ? '0'+ (index+1) : (index+1) }} </span>
方法二: 使用 v-text 指令
<span v-text="index+1 <= 9 ? '0' + (index+1) : index+1"></span>