H5W3
当前位置:H5W3 > 问答 > 正文

elementUI的问题

请问为什么我复制官方的table组件,为什么显示不了数据,也不报错。

<template>
<el-table :data="tableData">
<el-table-column prop="date" label="日期" width="180">
</el-table-column>
<el-table-column prop="name" label="姓名" width="180">
</el-table-column>
<el-table-column prop="address" label="地址">
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
}
}
</script>

回答

  1. 审查元素查看是否正常渲染,如果渲染出来了,查看Table的CSS是否无宽度
  2. 如果审查元素没有渲染出来,页面无报错,重新run 一下项目再看有没有报错

单纯看代码,没什么问题,建议审查元素,看看table 有没有渲染出来,猜测是其他代码影响了

未经允许不得转载:H5W3 » elementUI的问题

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址