P169-BackTop组件的封装

要达到的功能是:点击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里的代码写成

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值