报错原因：混用了tab和空格键。
彻底解决办法：
1. 先显示代码中的tab和空格键。每个编辑器的设置方法不同，自行查找，这里以webstorm为例。
这里写图片描述
2. ctrl+R键 查找tab替换为空格。在输入框里，先打一个tab键，再打2个空格，（我的代码风格为2个空格缩进，使用vue语法和stylus）也可以在文中先打出一个tab，再复制到输入框里。
这里写图片描述
补充：不知道怎么看代码规范设置的，如果是webpack打包的，在.editorconfig文件查看。
这里写图片描述
3. 最后在编辑器设置里，设置代码的风格。我这里把stylus的缩进设为2个空格，并使用tab键代替空格，即输入tab键自动转化为2个空格。想具体了解smart tab怎么设置的，移步官方文档https://www.jetbrains.com/help/webstorm/2016.2/common-code-style-options-tabs-and-indents.html
这里写图片描述

题外话，最好把js风格也统一成2个空格，更符合规范。
这里写图片描述

  1. 第一行有空格也会报错
    这里写图片描述
# webstorm
Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue