Javascript 如何在Vue中以编程方式滚动页面?

Javascript 如何在Vue中以编程方式滚动页面?,javascript,vue.js,gridsome,Javascript,Vue.js,Gridsome,一个有点不对劲的问题: 当页面完全加载时,我试图跳到页面底部。我该怎么做 这是我未能在Vue中实现的简单js代码: let bottomLoad()=>{ scrollTo(0,document.body.scrollHeight); } eventListener(“加载”,底部加载) 在vue中,当页面或组件已完全加载时,将调用mounted函数。所以你可以在下面的函数中尝试 Vue.config.devtools=false Vue.config.productionTip=false

一个有点不对劲的问题:

当页面完全加载时,我试图跳到页面底部。我该怎么做

这是我未能在Vue中实现的简单js代码:

let bottomLoad()=>{
scrollTo(0,document.body.scrollHeight);
}
eventListener(“加载”,底部加载)

在vue中,当页面或组件已完全加载时,将调用mounted函数。所以你可以在下面的函数中尝试

Vue.config.devtools=false
Vue.config.productionTip=false
新Vue({
el:“#应用程序”,
挂载:函数(){
scrollTo({top:document.body.scrollHeight,行为:'smooth'});
}
})
#scrooll{
高度:1900px;
边框:1px纯红;
}
#斯克罗尔h1{
位置:绝对位置;
顶部:1800像素;
}

嘿,我应该在底部

在vue中,当页面或组件已完全加载时,将调用mounted函数。所以你可以在下面的函数中尝试

Vue.config.devtools=false
Vue.config.productionTip=false
新Vue({
el:“#应用程序”,
挂载:函数(){
scrollTo({top:document.body.scrollHeight,行为:'smooth'});
}
})
#scrooll{
高度:1900px;
边框:1px纯红;
}
#斯克罗尔h1{
位置:绝对位置;
顶部:1800像素;
}

嘿,我应该在底部

尝试改用Vue方法:有一个Vue库,可以让您更轻松。尝试改用Vue方法:有一个Vue库,可以让您更轻松。