Vue+ElementUI啟動vue卡死的問題及解決
在學(xué)習(xí)vue+elementui的時(shí)候遇到一個(gè)問題,卡了很久。
問題復(fù)現(xiàn)
在vue頁面的<template>標(biāo)簽中寫入兩個(gè)<div>標(biāo)簽,
<template>
<div>
<h1>第一個(gè)div標(biāo)簽</h1>
<el-table></el-table>
</div>
<div>
<el-pagination
background
layout="sizes,prev, pager, next,jumper"
:total="1000">
</el-pagination>
</div>
</template>
<script>
export default{
}
</script>
<style>
</style>然后啟動vue服務(wù)器卡死,啟動不了

問題解決
把<template>標(biāo)簽中的<div>刪去一個(gè)就行了,
<template>
<div>
<h1>第一個(gè)div標(biāo)簽</h1>
<el-table></el-table>
<!-- </div>
<div> -->
<el-pagination
background
layout="sizes,prev, pager, next,jumper"
:total="1000">
</el-pagination>
</div>
</template>
<script>
export default{
}
</script>
<style>
</style>vue服務(wù)器啟動成功,

問題分析

報(bào)錯中顯示,template根節(jié)點(diǎn)有且僅有一個(gè)元素。
因此,不可以在template中寫兩個(gè)div元素。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue實(shí)現(xiàn)書本翻頁動畫效果實(shí)例詳解
這篇文章主要介紹了vue簡單實(shí)現(xiàn)書本翻頁效果,需要的朋友可以參考下2022-04-04
解決Vue中的生命周期beforeDestory不觸發(fā)的問題
這篇文章主要介紹了解決Vue中的生命周期beforeDestory不觸發(fā)的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue 項(xiàng)目打包時(shí)樣式及背景圖片路徑找不到的解決方式
今天小編就為大家分享一篇vue 項(xiàng)目打包時(shí)樣式及背景圖片路徑找不到的解決方式,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue3?響應(yīng)式系統(tǒng)實(shí)現(xiàn)?computed
這篇文章主要介紹了?Vue3?響應(yīng)式系統(tǒng)實(shí)現(xiàn)?computed,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2022-06-06
vue router使用query和params傳參的使用和區(qū)別
本篇文章主要介紹了vue router使用query和params傳參的使用和區(qū)別,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11

