Vue:错误与总结

163 阅读1分钟

错误:

image.png 定位:

image.png

解决:

属性前加V-bind或者:

解析:

没有正确理解属性绑定指令v-bind,以前以为v-bind就是vue里用来把变量绑定到属性上的指令,只有当属性值是变量时候才需要v-bind,但其实在vue里只要属性值是非字符串数据都需要v-bind修饰属性,v-bind告诉vue这里的属性值是字符串还是非字符串,非字符串包括:变量、Boolean、Number、数组、对象...任何非String类型的数据

错误:

error1.png

定位:

error2.png

解决:

把const token = store.state.user.token放到全局前置守卫内部

解析:

token获取放到守卫外面只能在页面加载的时候获取一次,页内路由跳转不会获取新的token

错误:同一查询接口,在同一个组件内参数不变地调用两次,返回数据打印结果不同?

定位:#

解决:#

解析:调用接口返回的数据res是一个对象,接收res后先log输出res,再对res进行格式化,将格式化后的res赋值给了data变量,因为res是对象,所以输出的res与格式化的res都指向同一个对象,输出的res也被格式化了,所以这次接口调用输出的res不是接口最初返回的res

错误:

image.png

定位:

image.png image.png

解决: node_mo sockjs-client下的dist下的sockjs.js 1603行 将之前注释掉的self.xhr.send(payload);解开

解析:之前项目一打开就一直在重复发一个请求,一直报错,那个是热更新的请求,注释掉1603行就不会发送了,但是热更新没了,就会报WDS错误