• vue —— 页面滚动到原位置


    哈哈哈,昨天登QQ的时候,意外发现有人看了我写的博客,居然还加了我,这就激起了我内心的小波澜啊

    公司最近在做电商,用的前端框架依然是VUE

    矩MAX(微信公众号)可以搜的到哦,安卓商店或苹果AppStore也可以搜的到

    回归中体哈,说一下今天做的领券中心

    有点类似于京东的领券中心,刚测试完,券全被我领啦

    效果就是点击立即领取,文字变为立即使用、弹出领取成功

    但是因为接口不是实时的,所以我没有通过接口数据判断让用户点击领取的同时,让优惠券改变状态

    但是,毛爷爷说过:办法总比困难多~

    当领取成功后,页面会重新走一遍获取优惠券的接口

    所以  我写了一个时间函数setTimeout

    通过this.$el.querySelector("#coupon_list").children[this.currentNum].offsetTop获取当前 点击的元素的offsetTop值

    当领取成功之后,页面回跳至 该元素的原位置

    vue中,在不方便使用ref来改变的时候咱们可以通过原生js来修改元素的属性样式

    嗯 好吧  ,就说这些废话吧  

    我是一只卧沙的雕

  • 相关阅读:
    第一次结对编程作业
    第一次个人编程作业
    获取file中字段,写入到TXT文件中
    通过file中的字段查询MySQL内容
    MySQL常用语句
    MySQL乱码问题
    脚本数据编码格式转换
    mysql 常用命令操作
    thinkphp项目 Class 'finfo' not found
    POJ3255--次短路
  • 原文地址:https://www.cnblogs.com/tongjiaojiao/p/9016188.html
Copyright © 2020-2023  润新知