实习总结——vue语法（二）

实习第五周，这周又遇见了许多问题。

1，vue.esm.js:578 [Vue warn]: Missing required prop：“action”。

在网上找了找，有的解决方案是像下面这样

照着写，又报了下面的错误：

后来又找网上找了找；发现了问题所在，因为我这个action属性只在el-upload这个组件中使用，并且action这个属性是必须有的，之前写的时候不小心加了一对空的<el-upload>标签；所以会报错，删除后就正常了。

再找错误的过程中发现两个帖子，以后可能有用先放在这:

    

讲得是如何获取当前路由最后参数的方法。

2，Error: Loading chunk 0 failed（未解决）

3,Vue warn: Error in created hook: “TypeError: Cannot read property 'get' of undefined”

主要原因是自己画图部分程序参数未定义

4，[Vue warn]: Error in created hook: "TypeError: handler.call is not a function"或者

[Vue warn]: Error in mounted hook: "TypeError: handler.call is not a function"

在网上找了很多博文，都是说生命周期钩子函数的写法有问题或者是空的钩子函数，我对照了一下，写法没有问题，钩子函数也不是空的。思考了一番觉得可能是生命周期没弄对，结合下面一条报错

Uncaught (in promise) Error: DOM element provided is null or undefined

把自己的画图方法移到mounted()里面，点击再次运行，结果（画的图）终于跑出来了。

事后想了想原因:可能是由于我画图的命令是在created里面，但是数据是在methods里面，没来得及传递过来，报错。

5，vue 报错：Cannot read property 'toLowerCase' of undefined"

toLowerCase函数向里面传参应该是字符串，这里没有传参（或者参数是undefined）

6，element-ui 弹窗的this.$alert框报错Uncaught (in promise) cancel

这是因为点击了取消或者是关闭弹窗，但是没有写catch。正确的写法是

this.$alert(String(res.data.message.error_message),{showConfirmButton: false}).catch(() => {
                });//一定别忘了这个