vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue+ElementUI启动vue卡死

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元素。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文