有一个 vue 小问题需要解决一下！

keikeizhang 2016-09-28 17:34:06 +08:00 2892 次点击 /div>

这是一个创建于 3363 天前的主题，其中的信息可能已经有所发展或是发生改变。

 <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">&#xe615;</i> </a> <a v-if="user.status" style="text-decoration:none" OnClick="admin_stop(this,@{{user.id}})" href="Javascript:;" title="停用"> <i class="Hui-iconfont">&#xe631;</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">&#xe6df;</i> </a> <a title="删除" href="Javascript:;" Onclick="admin_del(this,@{{ user.id }})" class="ml-5" style="text-decoration:none"> <i class="Hui-iconfont">&#xe6e2;</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">&#xe615;</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

2016-09-28 17:39:13 +08:00

用 vue 渲染数据的时候，如果这行代码是用 js 插入进去的，不是刷新页面前就加载到页面的，这种情况如何完成数据的渲染呢？