axios获取的数据怎么渲染到页面上
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据显示</title> </head> <body> <div id="app"> <button type="button" @click="getAllStu()">显示数据</button> <table border="1"> <tr> <td>编号</td> <td>姓名</td> <td>性别</td> <td>密码</td> <td>地址</td> </tr> <tr v-for="li in list"> <td>{ {li.studentNo}}</td> <td>{ {li.studentName}}</td> <td>{ {li.sex}}</td> <td>{ {li.password}}</td> <td>{ {li.address}}</td> </tr> </table> </div> <script src="../vue.js" ></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> axios.defaults.baseURL="http://10.10.11.93:8084/myweb/student_info" new Vue({ el:"#app", data:{ list:[] }, methods:{ getAllStu(){ axios.get("query_stu.do") .then(re => { this.list = re.data console.log(re.data.data.studentName) }) } } }); </script> </body> </html>
