VUE列表

HTML： <ul id="userList"> <li v-for="item in items" style="text-align:center;font-size:15px;padding-bottom:20px;cursor:pointer"> <p v-on:click="GetRoleApplication(item.Id)"> {{item.UserName}}</p> </li> </ul>

JS： 1、引入相关Vue文件 2、开始请求后台获取数据并填充上去

//初始化Vue 绑定元素ID var userData = { items: [] }; var userVue = new Vue({ el: "#userList", data: userData, }); //用户加载(加载所有用户) $.ajax({ url: "/Object/GetListData", data: { tableName: "SYS_User" }, async: false, success: function (result) { userVue.items = result.data;//设置循环的值就可以了 注意返回的数据类型是一个数组 } })

返回的数据类型