国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue項目切換頁面會白屏,刷新之后才會正常顯示(已解決)

這篇具有很好參考價值的文章主要介紹了vue項目切換頁面會白屏,刷新之后才會正常顯示(已解決)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

面對這種問題有兩個方面:

1.就是<template>中沒有div標(biāo)簽</template>

錯誤寫法:

<template>

直接開始布局了

</template>

正確寫法:? 切記:div標(biāo)簽必須是包裹住所有的標(biāo)簽,除了<template>外這個div就是爹

<template>
<div>
開始布局
</div>
</template>

2.<template>中有div標(biāo)簽</template>

錯誤寫法:原因:他會把注釋當(dāng)作為一個節(jié)點(diǎn),所以div就不是最大的容器了,他要先識別div標(biāo)簽,在識別div里面的標(biāo)簽,這時又多了其他節(jié)點(diǎn)就會出現(xiàn)白屏

<template>
 <!-- <zujian @seleted="shuju" /> -->
<div>
開始布局
</div>
    <!-- <zujian @seleted="shuju" /> -->
</template>

正確寫法:注釋寫到div里面,任何除了這一!個div標(biāo)簽外都放到div里面文章來源地址http://www.zghlxwxcb.cn/news/detail-684782.html

<template>
<div>
 <!-- <zujian @seleted="shuju" /> -->
開始布局
    <!-- <zujian @seleted="shuju" /> -->
</div>
</template>

到了這里,關(guān)于vue項目切換頁面會白屏,刷新之后才會正常顯示(已解決)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點(diǎn)擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vue項目關(guān)于iframe嵌套的頁面,在切換tab標(biāo)簽時會被重新刷新的問題處理方案

    這兩天工作中遇到一個這樣的需求,切換tab標(biāo)簽時,要求對應(yīng)的tab頁面不刷新,但是項目中加入了一部分含有iframe的頁面,在切換路由的過程中,如果使用keep-alive是達(dá)不到緩存ifram嵌套的頁面效果的。 vue中的keep-alive 1.原理:vue 的緩存機(jī)制并 不是直接存儲 DOM 結(jié)構(gòu) ,而是將

    2024年02月04日
    瀏覽(59)
  • vue 如何實現(xiàn)頁面操作之后自動刷新

    近半年時間在接觸vue寫pc頁面,文中內(nèi)容即在實際的開發(fā)過程中遇到的實際問題。 需要在app.vue文件按照如下代碼設(shè)置 然后在具體的頁面的export default中,新增下面一行設(shè)置 ?然后在其他接口調(diào)用完畢之后,執(zhí)行下面語句,也就是你想在什么操作之后進(jìn)行刷新重載頁面,加上下

    2024年02月11日
    瀏覽(18)
  • Vue項目中強(qiáng)制刷新頁面的方法

    Vue項目中強(qiáng)制刷新頁面的方法

    我們在動態(tài)切換組件的過程中,導(dǎo)航欄和底欄不動,動態(tài)切換中間區(qū)域的情況,在首頁可以進(jìn)行跳轉(zhuǎn)任意組件,在組件與組件之間不能相互跳轉(zhuǎn),路由發(fā)生了變化,但是頁面未改變,這時我們就需要強(qiáng)制刷新頁面。 強(qiáng)制刷新頁面的方式有三種: ①location.reload()? ②this.$route

    2024年02月15日
    瀏覽(16)
  • 277/300 React+react-router-dom+Vite 二級頁面刷新時,白屏問題解決

    BrowserRouter 換為 HashRouter

    2024年02月13日
    瀏覽(19)
  • Angular 我在點(diǎn)擊了上一頁或者下一頁方法之后,重新加載渲染數(shù)據(jù)。為什么還需要再點(diǎn)擊一次頁面的其他地方才會渲染出來?

    在你的 TypeScript 代碼中,當(dāng)調(diào)用 nextPage_TopSelling() 或 prevPage_TopSelling() 方法時,雖然你更新了 currentPage_TopSelling 的值并調(diào)用了 reloadTopSelling() 方法,但是 Angular 并不會自動檢測到這些變化并重新渲染頁面。這是因為 Angular 的變化檢測機(jī)制是基于異步的,在一些情況下需要手動觸

    2024年03月12日
    瀏覽(21)
  • Vue項目nginx服務(wù)器部署刷新頁面404錯誤

    最近想自己做點(diǎn)小項目練手,前端用的是vue框架,用nginx當(dāng)做服務(wù)器來部署。但是當(dāng)部署完成后,遇到了刷新頁面和打開新頁面報404錯誤的問題 問題就像上面描述的一樣,刷新頁面和打開新頁面都是報404錯誤。 先說最終解決辦法,在nginx的配置文件的location中改一下設(shè)置方式

    2024年02月17日
    瀏覽(24)
  • vue/react項目刷新頁面出現(xiàn)404的原因以及解決辦法

    問題描述:vue/react項目,正常的頁面操作跳轉(zhuǎn),不會出現(xiàn)404的問題,但是一旦刷新,就會出現(xiàn)404報錯。 產(chǎn)生原因:我們打開vue/react打包后生成的dist文件夾,可以看到只有一個 index.html 文件及一些靜態(tài)資源,這個是因為vue/react是單頁應(yīng)用(SPA),只有一個index.html作為入口文件,

    2024年02月06日
    瀏覽(28)
  • 使用nginx方向代理部署Vue項目刷新頁面404的問題解決

    部署出現(xiàn)的問題為:由于項目中使用的vue router 項目直接使用node環(huán)境部署項目,在同一個路由如: 192.168.1.30:/home刷新瀏覽器正常 nginx部署刷新不出現(xiàn)404 /nginx not found 如何解決? 以下是我的想法:似乎是nginx代理使其直接訪問文件,而沒有使項目的路由生效從而正確加載資源 這

    2024年02月07日
    瀏覽(30)
  • 解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題

    解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題

    ????????原因:router-view使用了keep-alive組件,會被緩存,而vue-router的切換不用于傳統(tǒng)的頁面切換。是路由之間的切換,組件之間的切換,引用相同組件的時候,會被直接調(diào)用緩存里面的而不會調(diào)用created(),onMoun ted()函數(shù)。 ? ? ? ? 如圖所示:要實現(xiàn)的功能是點(diǎn)擊每一個

    2024年02月11日
    瀏覽(23)
  • Vue/React 項目部署到服務(wù)器后,刷新頁面出現(xiàn)404報錯

    Vue/React 項目部署到服務(wù)器后,刷新頁面出現(xiàn)404報錯

    問題描述:在本地啟動項目一切正常, 部署到服務(wù)器上線后出現(xiàn)BUG,項目刷新頁面出現(xiàn)404 。 起初以為是自己路由守衛(wèi)或是token丟失問題,找了一圈終于解決了 產(chǎn)生原因: 我們打開vue/react打包后生成的dist文件夾,可以看到只有一個 index.html 文件及一些靜態(tài)資源,這個是因為

    2024年02月07日
    瀏覽(34)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包