当前位置: 代码迷 >> 综合 >> vuejs 使用原生js 点击事件方法
  详细解决方案

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

热度:89   发布时间:2023-11-18 02:19:01.0

使用

@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不支持,那就要加$,这样就都支持了