美文网首页
Component template should contai

Component template should contai

作者: glory_前端 | 来源:发表于2017-06-19 17:33 被阅读0次

在用vue+iview开发时发现一个错误,具体报错如下

 error  in ./src/components/page/Test.vue

(Emitted value instead of an instance of Error)
  Vue template syntax error:

  Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.


 @ ./src/components/page/Test.vue 5:2-167
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi ./build/dev-client babel-polyfill ./src/main.js

在一个vue组件中我只是添加了一个按钮或一个div标签,就会报出这个错误。

<template>

    <Button type="primary" size="large"><Icon type="ios-download-outline"></Icon> 导出原始数据</Button>
    
    <Table border :columns="columns3" :data="data1"></Table>
    
</template>

原来vue模板只能有一个根对象所以你想要出现正常的效果,你的用一个div来或是别的标签来包裹全部的元素正确的写法就是:

<template>
    <div>
        <Button type="primary" size="large"><Icon type="ios-download-outline"></Icon> 导出原始数据</Button>
        <Table border :columns="columns3" :data="data1"></Table>
    </div>
</template>

相关文章

网友评论

      本文标题:Component template should contai

      本文链接:https://www.haomeiwen.com/subject/otqnqxtx.html