<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--引入vue的js文件--> <script src="js/vue-2.6.10.js"></script> <!--引入axios的js文件--> <script src="js/axios.min.js"></script> </head> <body> <div id="root"> <table border="1"cellspacing="0"cellpadding="0" align="center" style="text-align: center;width: 300px;height: 200px;"> <tr> <th>序号</th> <th>楼栋号</th> <th>单元号</th> <th>备注</th> </tr> <tr v-for="(building,index) in dataList"> <td>{ {index+1}}</td> <td>{ {building.numbers}}</td> <td>{
Vue-基础数据库的增删改查中---查询所有的楼栋数据
最新推荐文章于 2023-02-07 01:37:35 发布
本文展示了如何使用Vue.js和axios进行数据库查询,动态显示楼栋数据。通过创建Vue实例,设置dataList数据模型,利用axios的GET请求获取所有楼栋信息,并在表格中展示。同时提供添加功能,当点击添加按钮时,显示表单,用户输入数据后通过axios的POST请求提交数据到服务器。
摘要由CSDN通过智能技术生成