<template>
<div class="home">
<el-table :data="tableData" border style="width: 100%">
<el-table-column prop="id" label="序号" width="180"></el-table-column>
<el-table-column prop="title" label="内容" width="180"></el-table-column>
<el-table-column prop="author" label="作者" width="180"></el-table-column>
</el-table>
</div>
</template>
<script>
const axios = require('axios').default;
export default {
data() {
return {
tableData: [{
id: '',
title:'',
author:""
}],
msg:""
}
},
mounted () {
axios.get('http://localhost:3000/posts',{})
.then((res)=> {
this.msg=res.data
this.tableData=this.msg
console.log(res);
})
.catch(function (error) {
console.log(error);
})
}
}
</script>
使用element对表单进行渲染
最新推荐文章于 2023-03-13 14:33:00 发布