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自定义铃声提示音组件的实现

    Vue自定义铃声提示音组件的实现

    这篇文章主要介绍了Vue中自定义一个铃声提示音组件的实现以及使用方法,文中的示例代码讲解详细,对我们学习Vue有一定帮助,需要的可以参考一下
    2022-01-01
  • vue3集成Element-Plus之全局导入和按需导入

    vue3集成Element-Plus之全局导入和按需导入

    这篇文章主要给大家介绍了关于vue3集成Element-Plus之全局导入和按需导入的相关资料,element-plus正是element-ui针对于vue3开发的一个UI组件库, 它的使用方式和很多其他的组件库是一样的,需要的朋友可以参考下
    2023-07-07
  • vue-cli项目修改文件热重载失效的解决方法

    vue-cli项目修改文件热重载失效的解决方法

    今天小编就为大家分享一篇vue-cli项目修改文件热重载失效的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 解决vue的component标签渲染问题

    解决vue的component标签渲染问题

    这篇文章主要介绍了解决vue的component标签渲染问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • vue异步axios获取的数据渲染到页面的方法

    vue异步axios获取的数据渲染到页面的方法

    今天小编就为大家分享一篇vue异步axios获取的数据渲染到页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 如何解决Element-ui的el-table固定列后出现的表格错位问题

    如何解决Element-ui的el-table固定列后出现的表格错位问题

    这篇文章主要介绍了如何解决Element-ui的el-table固定列后出现的表格错位问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-09-09
  • vue2.0移除或更改的一些东西(移除index key)

    vue2.0移除或更改的一些东西(移除index key)

    这篇文章主要介绍了vue2.0移除或更改的一些东西,vue2.0 移除了index和key,具体内容详情大家参考下本文
    2017-08-08
  • 详解基于 Nuxt 的 Vue.js 服务端渲染实践

    详解基于 Nuxt 的 Vue.js 服务端渲染实践

    这篇文章主要介绍了详解基于 Nuxt 的 Vue.js 服务端渲染实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Vue中用watch一次监听多个值变化的示例详解

    Vue中用watch一次监听多个值变化的示例详解

    在Vue中,watch 本身不能监听多个变量,但我们可以通过返回具有计算属性的对象然后监听该对象,从而实现一次性“监听多个变量”,本文给大家介绍了Vue中用watch一次监听两个值变化的示例,需要的朋友可以参考下
    2024-01-01
  • 深入理解Vue官方文档梳理之全局API

    深入理解Vue官方文档梳理之全局API

    本篇文章主要介绍了深入理解Vue官方文档梳理之全局API,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11

最新评论