zoukankan      html  css  js  c++  java
  • vue —— 页面滚动到原位置

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

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

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

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

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

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

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

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

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

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

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

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

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

    嗯 好吧  ,就说这些废话吧  

    我是一只卧沙的雕

  • 相关阅读:
    Docker容器案例:应用 Mysql
    rpm 命令参数使用详解
    MySQL中的两种临时表
    Yum本地Rpm库设置
    编程学习 博客
    yum -------包安装库
    Linux 基础 —— RPM
    在CentOS上编译安装PostgreSQL
    Linux上安装JDK环境变量配置
    yum_rpm(利用dvd建立本地yum库)
  • 原文地址:https://www.cnblogs.com/tongjiaojiao/p/9016188.html
Copyright © 2011-2022 走看看