http://blog.csdn.net/liuyuqin1991/article/details/50601947
这个的方法就比较简单,但是我需要是直接显示!
你的方法实现了,但是不是我想要的!
@JellyBool 我很认真的学习,但是教程视频里面有一些案例不适合项目里
Vue.component('tasks',{
template:'#tasks-template',
data:function(){
return {
list:[]
}
},
created:function(){
var vm = this;
$.getJSON('api/tasks',function(data){
vm.list = data;
})
}
});
new Vue({
el:'body'
})
我貌似ajax请求是错误的,根本请求不过去!
<script>
var roleVue = new Vue({
el: '#roleManagement',
data: {
roleManagement : ''
},
methods: {
var _self = this;
$.ajax({
type: 'GET',
url: '{ URL('admin/role/show') }',
success:function(data) {
_self.roleManagement = data;
}
});
}
})
</script>
我写的vue ajax请求
<tbody>
<tr class="text-c" v-for="roleManagement in roleManagement">
<td><input type="checkbox" value="" name=""></td>
<td>@{ roleManagement.roleId }</td>
<td>@{ roleManagement.roleName }</td>
<td><a href="#">admin</a></td>
<td>@{ roleManagement.roleDesc }</td>
<td class="f-14"><a title="编辑" href="javascript:;" onclick="admin_role_edit('角色编辑','admin-role-add.html','1')" style="text-decoration:none"><i class="Hui-iconfont"></i></a> <a title="删除" href="javascript:;" onclick="admin_role_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></td>
</tr>
</tbody>
我需要把上面的数据进行v-for输出