vue踩坑

文章目录

    • 1.error1
  • 2.that和this作用域


1.error1

在项目里面前端报这个错,有点蒙
vue踩坑_第1张图片

确定了错误是在遍历数组中的图片部分
在这里插入图片描述

猜测可能是一开始的时候没有把photoList在form中写出来,form里面啥没有,导致渲染的时候有问题
vue踩坑_第2张图片
vue踩坑_第3张图片
所以以后在页面上渲染数据的都在data里面写出来,特别是多层的,数组对象。相当于初始化了,不然渲染可能有问题

2.that和this作用域

今天在页面跳转的时候,弹出提示框之后,点击确认页面怎么也不跳过去,打了个断点,发现方法走确实走了,但是页面就是死活不跳,原因出在that和this作用域问题上,一开始用的this.$router.push,不行后来把this改成that没问题了。
vue踩坑_第4张图片
牛人解释说是因为confirm小弹窗出来了,this作用域就是小弹窗了,所以this就有问题了,我似懂非懂。给我感触最深的还是that和this的作用域范围要小心,之前一直不注意,随心所欲的用。

你可能感兴趣的:(工作记录,vue.js,javascript,ecmascript)