vue中获取滚动高度或指定滚动到某位置

vue中获取滚动高度或指定滚动到某位置,第1张

1点击某个标签,滚动到某个具体位置

    switchHeight(num) {

        thisselectNum = num;

        if (num == 0) {

          documentgetElementById("identifer_one")scrollIntoView();

        } else {

          documentgetElementById("hotel_two")scrollIntoView();

        }

      },

2获取滚动高度

 首先要先写监听事件:

  mounted() {

      windowaddEventListener("scroll", thishandleScroll, true); //监听滚动事件

    },

处理监听事件:etargetscrollTop是目标对象的滚动高度

handleScroll(e) {

        let serviceTop = 44;

        let hotelTop = 344;

        if (etargetscrollTop > 44 && etargetscrollTop < 344) {

          thisselectNum = 0;

        }

        if (etargetscrollTop > 344) {

          thisselectNum = 1;

        }

      }

    },

1、直接获取this routeparams(不展示再链接中)

如果要获取参数exid 则

2、有一种情况就是刚启动时候 this routequery拿不到参数 猜测是没来的及初始化

需要用这个方法从链接中获取

先部署好整体的逻辑样式,点击收藏变红心,未收藏是灰色

。将收藏状态缓存到localstorage里面,这样的话,刷新状态依然是收藏。

每个商家的页面url应该是有不同商家的id作为url参数的,我们要通过一个方法去拿到url

将方法抽离为公共函数,将url 的参数部分解析成一个对象,里面包含key:value这样的值

拿到url参数的方法:windowlocationsearch

使用正则表达式解析url参数为对象

拓展属性的方法: Objectassign()

方法:

1在一开始获取seller的时候,通过一个立即执行函数获取id。

APPvue

2定义公共方法urlParse

decodeURIComponent

正则 >

script:

// changeName:子组件watch的 this$emit('changeName', thisprovince)的changeName,是自定义的

// lockValue:父组件的方法名

以上就是关于vue中获取滚动高度或指定滚动到某位置全部的内容,包括:vue中获取滚动高度或指定滚动到某位置、vue 获取链接里面的参数、vue实现收藏功能2018-10-17等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9772886.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存