V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
keikeizhang
V2EX  ›  Vue.js

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

  •  
  •   keikeizhang · 2016-09-28 17:34:06 +08:00 · 2652 次点击
    这是一个创建于 3003 天前的主题,其中的信息可能已经有所发展或是发生改变。
    
    <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失败!

    keikeizhang
        1
    keikeizhang  
    OP
       2016-09-28 17:39:13 +08:00
    用 vue 渲染数据的时候,如果这行代码是用 js 插入进去的,不是刷新页面前就加载到页面的,这种情况如何完成数据的渲染呢?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3452 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 04:40 · PVG 12:40 · LAX 20:40 · JFK 23:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.