要达到的功能是:点击backtop组件,页面返回顶部
.native修饰符什么时候使用?当我们需要监听一个组件的原生事件时,必须给对应的事件加上.native修饰符,才能进行监听 (注意vue3已经删除了native 修饰符)
this.$refs.scroll.scroll.scrollTo(0,0,500) 来解释这行代码:this.$refs.scroll拿到Home首页的scroll组件,scroll对象的data()里有一个scroll,调用其方法scrollTo(0,0,500),前两个参数0,0是返回的位置,500是耗时500毫秒
但是这样写嵌套太多很混乱,所以可以将这行代码改进
在scroll组件里添加一个methods
然后将Home里的代码写成