[Vue warn]: Do not use built-in or reserved HTML elements as component id: header

因为header在HTML5里面是个原生的标签,所以在开发的时候会提示错误,解决方法:修改components里面左边的header

时间: 2024-10-18 08:13:30

[Vue warn]: Do not use built-in or reserved HTML elements as component id: header的相关文章

vue中报错Do not use built-in or reserved HTML elements as component id details

原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: {}, //真实的入金记录 depositData: {} }; } }

vue Do not use built-in or reserved HTML elements as component id: nav

刚入坑vue 在新建组建的时候出现这个问题,原因是我新建的这个组建name: 'nav' 在vue中好像nav 这样的 有点类似于 "关键字" 不能作为组建的name,按照服务端来说 就是不可以命名关键字 为你的属性名一样的意思 所以在vue中 比如 nav ,header,footer 不可以作为组建的name 否则会出现这个问题. <script> export default { name: 'mynav',//不可命名为nav header footer 等 dat

vue 渲染是出现 Do not use built-in or reserved HTML elements as component id 的警告

是因为组件命名和引入不一致造成的. 命名组件(nav) export default { name: 'nav', data () { return { } } 引入组件(Navigation) import Mnav from './common/Navigation' 改成一致后可解决该问题. 命名组件(Navigation) export default { name: 'Navigation', data () { return { } } 原文地址:https://www.cnblog

VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i

<script> export default { name:'header'       //  不要使用内置或保留的HTML元素 , 改为Header或者置或保留的HTML元素之外的名称就好了 } </script> 原文地址:https://www.cnblogs.com/500m/p/11780472.html

[Vue warn]: Attribute &quot;id&quot; is ignored on component &lt;div&gt; because the component is a fragment instanc

今天在使用vue框架搭建环境时,遇到这个错误提示: [Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instanc 这个提示的原因是使用 vue-router 和 vue-loader 插件的时候在最外面那个 template 里面,所有内容的外面没有使用一个div包起来. 如果没有使用div或者其他的元素包起来,vue-router 跳

[Vue warn]: Cannot find element: #main

使用vue框架的时候,如果页面提示如下错误,则说明new Vue的时候没有传入 el 的值: [Vue warn]: Cannot find element: #main 我们传入el 既可以,如: var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }):

vue报错:[Vue warn]: Attribute &quot;id&quot; is ignored on component &lt;div&gt; because the component is a fragment instance

[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance 今天自己做一个vue小项目的时候,老是报这个错误,百度之后解释是只能有一个最顶级的父元素,但是我最外层只用了一个div 出现fragment instance有多种情况: Template contains multiple top-level elements. (模版包

[Vue warn]: Error in render: &quot;SyntaxError: Unexpected token &#39; in JSON at position 1&quot;

一,场景: 字符串转对象: var str = "{'bankRate':5,'YINGUO':0}" 二,操作: JSON.parse(str)时候,报错 [Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1" 三,原因: 使用parse这个方法,要求很严格,必须是json的k和value都用双引号包起来: ex:"{"bankRa

[vue遇错记录] vue.js:569 [Vue warn]: Cannot find element: #app

写了一个很简单的界面,console提示:vue.js:569 [Vue warn]: Cannot find element: #vue-app.找了半天才发现原因: <script src="../vue.js"></script> <div id="app"> {{ message }} </div> <script src="app.js"></script> <