1 回答

TA貢獻(xiàn)1780條經(jīng)驗 獲得超5個贊
好吧,這可能有點矯枉過正,但是當(dāng)有vue時,就有辦法了。正如@revliscano 提到的那樣,您實際上可以使用life cycle event hooksandwatchers來翻轉(zhuǎn)屬性。overflow-y
首先,開始觀察路線變化。這是我們將擺脫溢出-y的地方。每次,我們改變一個路由,overflow-y 就會被隱藏。
watch: {
$route(to, from) {
document.getElementById("scrollContainer").style.overflowY = "hidden";
console.log("hidden now");
}
然后,當(dāng) DOM 更新時,我們會在幾毫秒后將其放回原處。
updated: function () {
setTimeout(function () {
document.getElementById("scrollContainer").style.overflowY = "auto";
console.log("set to visible");
}, 300);
},
scrollContainer是我使用的內(nèi)部 div,但您應(yīng)該能夠?qū)⑵涓臑槟矚g的任何元素。
您可以將此邏輯保留在您的App.vue. 因此,您的路線視圖將保持整潔。
添加回答
舉報