vuejs 使用原生js 点击事件方法

来源:互联网 发布:ubuntu服务器版下载 编辑:程序博客网 时间:2024/06/16 05:14

使用

@Click="contract_del($event.currentTarget,site.contractId)

这个点击事件使用原生的

function contract_del(obj,id){
console.log(obj)
layer.confirm('确认要删除吗?',function(index){
$.ajax({
type: 'POST',
url: '/contract_del.html',
data :{"id" : id
},
dataType: 'json',
success: function(data){
$(obj).parents("tr").remove();
layer.msg('已删除!',{icon:1,time:1000});

},
error:function(data) {
console.log(data.msg);
},
});
});
}

这里要@click是要传(this,site.contractId)

但是用了vue后对象不是当前的对象,变成了window,这样就无法用下面的parents,因此要用event.currentTarget,这个相当与this,谷歌浏览器支持这样,Firefox不支持,那就要加$,这样就都支持了

原创粉丝点击