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