<td class="td-manage">
<a v-if="!user.status" onClick="admin_start(this,@{{user.id}})" href="javascript:;" title="启用" style="text-decoration:none">
<i class="Hui-iconfont"></i>
</a>
<a v-if="user.status" style="text-decoration:none" onClick="admin_stop(this,@{{user.id}})" href="javascript:;" title="停用">
<i class="Hui-iconfont"></i>
</a>
<a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin/edit/@{{ user.id }}','@{{ user.id }}','800','500')" class="ml-5" style="text-decoration:none">
<i class="Hui-iconfont"></i>
</a>
<a title="删除" href="javascript:;" onclick="admin_del(this,@{{ user.id }})" class="ml-5" style="text-decoration:none">
<i class="Hui-iconfont"></i>
</a>
</td>
function admin_stop(obj,id){
var id = id;
layer.confirm('确认要停用吗?',function(index){
$.ajax({
type: 'post',
url: '/admin/editStatus/'+id,
data: { status:0,id:id },
dataType: 'json',
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},
success: function(data){
console.log(data);
if(data == 1){
$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,@{{user.id}})" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont"></i></a>');
$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
$(obj).remove();
window.location.reload();
layer.msg('已停用!',{icon: 5,time:1000});
} else {
layer.msg('失败!',{icon: 5,time:1000});
}
},
error: function(xhr, type){
alert('请求失败!')
}
});
});
}
@{{user.id}} 是需要修改的用户id,以前没有注意一个问题,如果@{{user.id}}是用js插入怎么进行数据渲染? 我是选择刷新一下页面完成数据渲染,如果不刷新页面,onclick后面跟的方法参数不会变成1.2.3.4这样的数据,直接显示{{user.id}} ,导致ajax失败!
1
keikeizhang OP 用 vue 渲染数据的时候,如果这行代码是用 js 插入进去的,不是刷新页面前就加载到页面的,这种情况如何完成数据的渲染呢?
|