Vue+ElementUI启动vue卡死的问题及解决
作者:xiaoyan_lu
这篇文章主要介绍了Vue+ElementUI启动vue卡死的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
在学习vue+elementui的时候遇到一个问题,卡了很久。
问题复现
在vue页面的<template>标签中写入两个<div>标签,
<template>
    <div>
        <h1>第一个div标签</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服务器卡死,启动不了

问题解决
把<template>标签中的<div>删去一个就行了,
<template>
    <div>
        <h1>第一个div标签</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服务器启动成功,

问题分析

报错中显示,template根节点有且仅有一个元素。
因此,不可以在template中写两个div元素。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
