亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么 Vue Router 在我單擊鏈接之前不加載并在之后重新加載所有網頁

為什么 Vue Router 在我單擊鏈接之前不加載并在之后重新加載所有網頁

人到中年有點甜 2022-12-18 19:00:09
我得到了一個充滿 Vue.component 實例的 components.js。然后我得到了一個 main.js,其中有一個路由器,我正在使用這些組件來創建不同的頁面。在 index.html 我有路由器頁面的鏈接。問題是第一個頁面加載它沒有加載模板。如果我點擊主頁鏈接,什么也不會發生。但是,如果我單擊“關于”或“項目”,頁面將完全重新加載。(得到一個帶提示的 iframe,它再次顯示。)然后,單擊關于或項目后,一切正常。我嘗試在新選項卡中手動打開 example.com/#/,但它是一樣的。main.js 就像:const About = { template: '<div>About</div>' }                        const Home = { template: `                                            <web-header></web-header>                                             ` }const Project = { template: '<div>Project</div>' }                        const routes = [                                                        { path: '/', component: Home },                                       { path: '/about', component: About },                                 { path: '/projects', component: Project }]                                                                                                                  const router = new VueRouter({                                       routes: routes                                                    })                                                                                                                           const app = new Vue({  router}).$mount("#app");
查看完整描述

1 回答

?
牧羊人nacy

TA貢獻1862條經驗 獲得超7個贊

我終于找到了問題的根源。使用前未加載的組件。

解決方案:在使用它們之前添加組件文件。

Valorations:我習慣于在 body 結束標簽之前添加我所有的腳本。

在這種情況下,您必須在 head 結束標記之前添加組件全局實例文件。(因為如果您之前不加載組件實例,html kebab sintax 將無法正常工作)

現在它工作正常。在這里,您獲得了查看我所做更改的承諾。(只需移動標簽)

https://github.com/StringManolo/StringManolo.github.io/commit/fcc331dc5136fb8a0da5a4c979ab67c8b85365e7


查看完整回答
反對 回復 2022-12-18
  • 1 回答
  • 0 關注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號