Vue+ElementUI啟動(dòng)vue卡死的問題及解決
更新時(shí)間：2024年03月11日 09:08:34 作者：xiaoyan_lu
這篇文章主要介紹了Vue+ElementUI啟動(dòng)vue卡死的問題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
在學(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>然后啟動(dòng)vue服務(wù)器卡死，啟動(dòng)不了
問題解決
把<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ù)器啟動(dòng)成功，
問題分析
報(bào)錯(cuò)中顯示，template根節(jié)點(diǎn)有且僅有一個(gè)元素。
因此，不可以在template中寫兩個(gè)div元素。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue如何監(jiān)聽某個(gè)元素的大小變化問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
在Vue中,過濾器不僅可以處理簡(jiǎn)單的文本格式化,還可以接受參數(shù)以實(shí)現(xiàn)更復(fù)雜的功能,本文將介紹如何在Vue中使用過濾器參數(shù),感興趣的小伙伴可以了解下2025-05-05
關(guān)于Vue中使用alibaba的iconfont矢量圖標(biāo)的問題
這篇文章主要介紹了Vue使用alibaba的iconfont矢量圖標(biāo)的問題，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-12-12
這篇文章主要分享可編寫 Vue v-for 循環(huán)的 7 種方式，在Vue中，基本上每個(gè)項(xiàng)目都會(huì)用到v-for循環(huán)。它們?cè)试S你在模板代碼中編寫for循環(huán)，接下來一起看看下面文章的詳細(xì)介紹吧2021-12-12
Vue-element-admin平臺(tái)側(cè)邊欄收縮控制問題
這篇文章主要介紹了Vue-element-admin平臺(tái)側(cè)邊欄收縮控制問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue+axios 前端實(shí)現(xiàn)登錄攔截的兩種方式（路由攔截、http攔截）
本文通過實(shí)例代碼給大家介紹了vue+axios 前端實(shí)現(xiàn)登錄攔截的方法，主要通過路由攔截和http攔截，具體實(shí)例代碼大家跟隨小編一起通過本文學(xué)習(xí)吧2018-10-10
vue3?element-plus實(shí)現(xiàn)圖片預(yù)覽功能實(shí)例
這篇文章主要給大家介紹了關(guān)于vue3?element-plus實(shí)現(xiàn)圖片預(yù)覽功能的相關(guān)資料,在項(xiàng)目中我們經(jīng)常會(huì)碰到圖片預(yù)覽的功能需求,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
使用vue3+ts+setup獲取全局變量getCurrentInstance的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于使用vue3+ts+setup獲取全局變量getCurrentInstance的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-08-08
Vue.2.0.5實(shí)現(xiàn)Class 與 Style 綁定的實(shí)例
本篇文章主要介紹了Vue.2.0.5實(shí)現(xiàn)Class 與 Style 綁定的實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了使用vant的地域控件追加全部選項(xiàng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11