Vue+ElementUI启动vue卡死的问题及解决
更新时间:2024年03月11日 09:08:34 作者: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元素。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
关于Vue中使用alibaba的iconfont矢量图标的问题
这篇文章主要介绍了Vue使用alibaba的iconfont矢量图标的问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-12-12
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
本文通过实例代码给大家介绍了vue+axios 前端实现登录拦截的方法,主要通过路由拦截和http拦截,具体实例代码大家跟随小编一起通过本文学习吧2018-10-10
使用vue3+ts+setup获取全局变量getCurrentInstance的方法实例
这篇文章主要给大家介绍了关于使用vue3+ts+setup获取全局变量getCurrentInstance的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用vue3具有一定的参考学习价值,需要的朋友可以参考下2022-08-08
Vue.2.0.5实现Class 与 Style 绑定的实例
本篇文章主要介绍了Vue.2.0.5实现Class 与 Style 绑定的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-06


最新评论