一.解决报错
this.$parent.父组件方法报错
因为嫌 e m i t 相 对 起 emit相对起 emit相对起parent麻烦,所以想着用$parent。
报错原因:
中间还有组件,比如el-table,此时$parent的父组件里没有你想要执行的方法。
解决方法:
保证必须为亲父子组件才能使用$parent,可调试查看中间是否有多的组件
数据返回为空的时候,往往会报错
报错原因:
因为没有length,或[i]等等,或者没数据的情况执行某些方法。
解决方法:
考虑为空的情况,做好if判断,if(res.data)。
v-for的时候,考虑是否用index作为key
1.效率问题:只有在倒叙修改数据时候,才会出现
2.出错问题:只有跟输入类的dom有关系的时候,才会出现
3.报错问题:相同的key引起的报错,往往有0,1,2。。。
解决方法:可以在index后拼接字符串,如:key=“index”+“1000”
总结:注意到问题的前提下,还是可以经常使用的,也可以使用nanoid
echars全局引入,报错
解决方法:
1.不需要全局引入,在需要的地方引入就好了2.全局引入,取一个别名就不报错了==
node-sass报错
解决方法:
1.npm install -g cnpm --registry=https://registry.npm.taobao.org2.cnpm install node-sass --save
二.小心思
- 请求的时候,最好加上catch,严谨一点。
- 当没有数据的时候怎么显示,考虑全面。
- 写完需求,删掉本地存储,有可能找到一些bug
- 避免this滥用,可以let一个变量,然后this.来等于这个变量。
- 把data里的东西,可以把相同类的写成数组或者对象,不要一个一个的写。
- 用less的时候 /deep/ .el-button 这样能改到UI组件样式(偶尔不生效不知道咋地)
- 解决冲突的时候,合并完,(显示如dev|merge)还需要add . commit等操作提交远程仓库
- 需要修改请求回来的数据的时候,需要深拷贝的时候,this.$set,貌似也可以
- 路由不能传对象,自己点自己会报错(可以配置解决)
- 预览office加这个路径:http://view.officeapps.live.com/op/view.aspx?src=<文档位置>
- 图片按比例缩放object-fit: cover;(实用)
- this.$set(this.newXd,‘oldXd’,nowXd)和var newObj = Object.create(oldObj)实现类似深拷贝
- v-html相当于{{}},但是可以显示标签,相当于react的props传组件了
- 让 HTML识别 string 里的 ‘\n’ 并成功换行显示:white-space: pre-line;
三.Git
- 新建并切换到新分支:git checkout -b dev(git branch dev和git checkout dev)
- 把本地dev分支推送到远程仓库:git push --set-upstream origin dev
- 删除本地分支:git branch -d 分支名
- 熟悉之后,平时就使用vscode上点点点实现