天天看点

踩坑一

1.忘了路由怎样配的了,就离谱

居然用脚手架搭了以vue3为底层的框架,然后又用vue2的语法去写,笨死了。。。。

父子组件使用props传值的时候,不加:就是将=后面的值当默认值传过去,加:当成变量,然后将变量的值传过去

子组件在接收父组件用props传过来的参数的时候,没有在接收的时候设置默认值或required: true。所以报错了。

解决方案:设限制条件

当父组件异步请求数据后再传递参数给子组件的时候,子组件无法接收到,还是默认值

解决方案:

· 子组件使用watch监听

· 父组件使用v-if判断

路由重复导航到相同位置,导致冗余

解决方案:降低路由等级、在路由跳转后面用catch捕获错误

<code>this.$router.replace(this.link).catch(err =&gt; err)</code>

在点击backtop的时候返回顶部,最简单的是直接window.scrollto(0,0)。但是我想使用一个动画来过渡一下,就忘了怎样动态的使用动画

window.scroll({top:0,left: 0, behavior: 'smooth'})

window.scroll有两种参数,一种是直接输入x坐标和y坐标,另一种是传入一个对象,然后配置对象的值,behavior表示scroll的方式

老师使用了betterscroll去监听页面滚动并出现很多bug,我就是不想用。于是准备自己写一个监听滚动

踩坑一

我虽然解决了那个问题,但是又有了新的问题,上拉加载更多应该怎样去解决呢?而且怎样去实现上拉到最后的时候可以跟弹簧一样弹回去呢?下拉到最上的时候也要实现这个功能,感觉我快自己重写一个啥了。正在做抉择,是重新使用老师的东西然后把betterscroll用熟嘛。

在三tabcontrol里面,当在新品里面然后滑动的时候,其他两个也在跟着滑动大概意思

踩坑一
踩坑一
踩坑一

卧槽,绝了,原因是什么呢?

动态路由

this.$bus.off('取消的事件')

如何将goodslistitem.vue中的事件传入到home.vue中

因为涉及到非父子组件的通信,所以选择了事件总线

继续阅读