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

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;

        }

      }

    },

在使用的时候，自定义设置了下拉框的背景色 和 hover后的字体颜色和背景颜色

但是 测试过程中 发现 当未选中item的时候，将鼠标移出，字体会恢变成白色 和 背景色融为一体

1：复现场景，打开控制台，找到这一条数据

如图所示

2：查看类名，根据需求修改背景色或者字体颜色

生活就是不断的前进，每天坚持一点点~ 加油

    场景一问题描述：页面中有个el- dialog，里面有三个el- select，前两个是联动的，第一次打开el- dialog *** 作选中是没有问题的，第二次会出现第二个和第三个选中之后先不显示值，过一会才显示，或者是输入其他input的时候就会立即显示

之前查阅资料有的人遇到的问题是定义v-model时用的是对象，但是里面却没有明确定义；我的这个是有明确定义的，所以这个方法不适用

后来查阅资料，参考：>

以上就是关于vue中获取滚动高度或指定滚动到某位置全部的内容，包括:vue中获取滚动高度或指定滚动到某位置、vue element el-select hover、vue中使用el-dialog里面使用的el-select选中无法显示值问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！