VUE2错误代码怎么定位?

Question

前端菜鸟提个问题

控制台报这种错误，按这图，怎么找到错误的input呢？这提示是我给这个input传了个数组，他本来是需要数字或字符串，是这个意思吧？

Answer 1

其实很容易可以找到问题的，只要你开的是 dev 模式。
一般来说都会直接在控制台看到红色的一个错误信息，就可以直接找到报错的组件（一般都是 at src/xxxx 这样的）就比如说一楼框中的位置。

如果只是知道报错的组件，你还想知道具体是哪里报错了，点击报错信息展开就可以看到错误冒泡路径。
一直往下翻多半也会找到具体报错的组件，以下是我临时搞了一个错误出来的截图

就是我的 auditActionDialog.vue 这个组件的 269 行，点击一下后面的蓝色链接，就会直接定位到错误位置（如果你开启了 sourceMap），然后检查一下数据就好了。

Answer 2

报错很清楚的，看调用栈就知道了

src/views/my/leave/index.vue 文件里面 ElDialog 中的一个 ElInput 组件的 props 的 value 类型错了，你应该是限制了 string | number, 但实际是个 array