给我生成一段完整的jeecgboot获取后台数据的vue3代码
时间: 2024-03-24 07:39:11 浏览: 91
JeecgBoot后台源码(Vue3版本)
好的,以下是一段完整的jeecgboot获取后台数据的vue3代码:
```vue
<template>
<div>
<table>
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr v-for="item in userList" :key="item.id">
<td>{{ item.id }}</td>
<td>{{ item.name }}</td>
<td>{{ item.age }}</td>
</tr>
</tbody>
</table>
</div>
</template>
<script>
import axios from 'axios';
export default {
name: 'UserList',
data() {
return {
userList: []
}
},
mounted() {
this.getUserList();
},
methods: {
getUserList() {
axios.get('/api/user/list').then((res) => {
this.userList = res.data.data;
}).catch((error) => {
console.log(error);
});
}
}
}
</script>
```
注意:这段代码仅供参考,具体的接口地址和数据格式需要根据你的实际情况进行修改。
阅读全文