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

2016-09-28 17:34:06 +08:00
keikeizhang  keikeizhang

<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失败!

2679 次点击
所在节点   Vue.js  Vue.js
1 条回复
keikeizhang
keikeizhang
2016-09-28 17:39:13 +08:00
用 vue 渲染数据的时候,如果这行代码是用 js 插入进去的,不是刷新页面前就加载到页面的,这种情况如何完成数据的渲染呢?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/309582

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX