運用場景:在列表中選擇專案跳轉到下乙個頁面詳情,重新返回這個頁面的時候,需要滾動到之前的位置。
解決方法:
點選跳轉的時候,把頁面滾動的位置存在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例項上,註冊後的引用資訊都會呈現...