vue實現(xiàn)tab頁切換不同組件 Vue.js組件tab實現(xiàn)選項卡切換?
Vue.js組件tab實現(xiàn)選項卡切換?這三個子組件的代碼引用如下:在JS//data(){return{A:“tab1”//默認顯示tab1子組件}組件:{tab1”:tab1,“TAB2”:TAB2
Vue.js組件tab實現(xiàn)選項卡切換?
這三個子組件的代碼引用如下:在JS//data(){return{A:“tab1”//默認顯示tab1子組件}組件:{tab1”:tab1,“TAB2”:TAB2,“tab3”:tab3}~,我們需要解決“讓滾動條在Vue路由器切換頁面后返回頂部,而不是保持在原始位置”的問題(這也是我遇到的問題之一)。
方法1。在歷史模式下:
請參閱文檔:滾動行為。Vue router
文檔中說:“當切換到新路由時,您希望頁面滾動到頂部,或者保持原來的滾動位置,就像重新加載頁面一樣。是的,而且更好的是,它允許您自定義在切換路由時頁面的滾動方式。”
方法2。別用歷史模式
我兩種方法都試過了,都很有效。
如果還有什么好辦法,請私下告訴我。你用腳手架嗎?從這個頁面出來表明您已經(jīng)成功地完成了第一步并進入了Vue世界。那你想干什么就干什么。環(huán)境已經(jīng)建成。你所需要做的就是把你想要的東西放進去。Vue以組件的形式導入到頁面中。導入引入組件,在組件中聲明,然后在中使用
哈哈,我想您可以先查看手冊或提供的演示。默認情況下,如果存在,則應直接切換而不刷新。如果需要刷新,應該重寫它或調(diào)用update方法。這只是解決問題的一種方法,因為我以前就是這樣使用jqueryeasyui的