在vue中利用 ref 設定scrollTop失效

2022-07-20 08:30:13 字數 455 閱讀 2259

運用場景:在列表中選擇專案跳轉到下乙個頁面詳情,重新返回這個頁面的時候,需要滾動到之前的位置。

解決方法:

點選跳轉的時候,把頁面滾動的位置存在session裡面,再次進來的時候,為容器賦值,,發現不管怎麼設定

this.$refs.content.scrolltop的值都為0,後面f放在nexttick方法裡面執行並放在mounted,發現當後端資料速度比較忙時,也會失效,因為資料是非同步請求,真正獲取資料不是在mounted。後面把nexttick放在資料請求成功後執行,成功解決問題,最終解決方案如下

methods: ).then(res =>

")

else

//從詳情回來的滾動條返回到上一次

this.$nexttick(() =>

})})

}

vue中ref的用法

1 ref加在普通元素上,用this.refs.refname獲取dom元素 定義的mycomponent.vue 邊界值練習 data 在methods中 clickf 2 加在子元件上,使用this.refs.refname獲取元件例項,可以使用元件的所有方法和變數 子元件在父元件中被呼叫 提交...

Vue中ref的使用

在沒有學習vue之前,我們實現直接操作頁面上的dom元素都是通過js jquery,因為jquery對dom元素的操作非常的方便。但是學習了vue之後,對dom的操作完全交給vm了,這個時候手動的獲取dom元素再使用js jquery就沒有那麼方便。於是出現了ref,即ref的功能之一就是獲取dom...

Vue中ref的作用???

在沒有學習vue之前,我們實現直接操作頁面上的dom元素都是通過js jquery,因為jquery對dom元素的操作非常的方便 但是學習了vue之後 就比jquery更方便 所以它的作用是什麼呢?ref在vue中是用來給元素或是子元件註冊引用資訊到父元件或是 vue例項上,註冊後的引用資訊都會呈現...