VUE 动态组件 Cannot read property ‘$createElement‘ of undefined [问题已解决]

VUE 动态组件 Cannot read property '$createElement' of undefined [问题已解决]

  • 问题描述
    • 解决方案

问题描述

在vue中使用时,有时候会报错Cannot read property '$createElement' of undefined,导致组件无法渲染.该报错内容十分晦涩,根据报错及debugger堆栈根本找不到有用信息

解决方案

经过我的调试分析,确认原因一般时是由于没有找到组件,通常是由于组件注册名字不正确,例如大小写错误,拼写错误等等情况

在vue中使用component动态组件,必须保持组件注册的名称要与is属性传入的名字一致

请参考以下示例

<template>
<div>
	
	<component is='dynamicComponent' />
	
	
	<component is='DynamicComponent' />
	
div>
template>
<script>

export default {
    components: {
      DynamicComponent, 
    }
}
script>

如果该文章对您有帮助,请点赞,谢谢!~

你可能感兴趣的:(开发心得,vue.js,前端,javascript)