vue 修改模板{{}}标签_vue.js - Vue单文件的template标签

问题

单文件中用template标签包含html模板内容，但我现在要用一个template标签+v-for来包含多个元素，此时webpack编译时报错了.

下面是vue文件部分内容:

报错内容为:

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-556c4717!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/xxx.vue

template syntax error Cannot use as component root element because it may contain multiple nodes:

本人小白，希望大家帮助一下谢谢！！

解决方案

组件只能有一个根元素,就是你这了第一个下面必须只有一个根元素,可以使用一个容器元素包裹住,例如:

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起

vue 修改模板{{}}标签_vue.js - Vue单文件的template标签相关推荐

vue 修改模板{{}}标签_详解Vue 动态添加模板的几种方法
以下方法只适用于 Vue1.0 版本,推荐系数由高到低排列. 通常我们会在组件里的 template 属性定义模板,或者是在*.vue文件里的 template 标签里写模板.但是有时候会需要动态生成 ...
vue 修改模板{{}}标签_vue-admin-template模板添加tagsview
参考: 一.从vue-element-admin复制文件: vue-admin-template\src\layout\components\TagsView 文件夹 vue-admin-templ ...
vue 修改div宽度_Vue 组件通信方式及其应用场景总结（1.5W字）
前言相信实际项目中用过vue的同学,一定对vue中父子组件之间的通信并不陌生,vue中采用良好的数据通讯方式,避免组件通信带来的困扰.今天笔者和大家一起分享vue父子组件之间的通信方式,优缺点,及其 ...
vue传值到后端_Vue.js快速入门就从这儿开始特别是后端程序员
自从前后端分离开始变成主流后,曾经的Jsp.FreeMarker.Velocity.Thymeleaf貌似慢慢被遗忘了,取而代之的是兴起的前端主流语言,比如Vue.React和AngularJS 介绍 ...
json vue 对象转数组_vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
本文实例讲述了vue.js基于v-for实现批量渲染 json数组对象列表数据.分享给大家供大家参考,具体如下: vuejs的出现减轻了对dom的直接操作,同时它提供的 v-for 渲染列表数据也给我 ...
vue树形权限菜单_Vue.js 递归组件实现树形菜单
最近看了 Vue.js 的递归组件,实现了一个最基本的树形菜单. main.js 作为入口: import Vue from 'vue' import main from './components/ ...
ant design vue table 高度自适应_Vue.JS 实现拼拼乐小游戏项目
笔者去年曾写过一个类似的拼拼乐小游戏,技术栈采用自己的Xuery框架和原生javascript实现的,脚手架采用gulp来实现,为了满足对vue的需求,笔者再次使用vue生态将其重构,脚手架采用比较火 ...
vue图片裁剪组件_Vue.js图像裁剪组件
vue图片裁剪组件 Vuejs夹 (vuejs-clipper) Vue.js image clipping components using Vue-Rx. 使用Vue-Rx的Vue.js图像裁剪组 ...
Vue（组件化编程：非单文件组件、单文件组件）
一.组件化编程 1. 对比传统编写与组件化编程(下面两个解释图对比可以直观了解) 传统组件编写:不同的HTML引入不同的样式和行为文件组件方式编写:组件单独,复用率高(前提组件拆分十分细致) 理解为 ...

vue 修改模板{{}}标签_vue.js - Vue单文件的template标签

vue 修改模板{{}}标签_vue.js - Vue单文件的template标签相关推荐

最新文章

热门文章