vuejs 使用原生js 点击事件方法
2017-08-19 11:56
435 查看
使用
@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不支持,那就要加$,这样就都支持了
@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不支持,那就要加$,这样就都支持了
相关文章推荐
- react阻止冒泡事件(使用原生js方法)
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- JS注册事件 JS:attachEvent和addEventListener 使用方法
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- 原生js 事件代理方法
- 习惯了使用jQuery的ajax方法,看看原生js使用xmlhttpRequest实现ajax请求
- JS注册事件 JS:attachEvent和addEventListener 使用方法
- JS的Event事件对象使用方法
- 不要使用jQuery触发原生事件的方法
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- Html5中你使用哪种方法点击事件?
- JS事件监听 JS:attachEvent和addEventListener 使用方法
- 使用prototype.js的事件处理方法
- 使用JS或jQuery模拟鼠标点击a标签事件
- jquery中交替点击事件toggle方法的使用示例
- 监听浏览器关闭按钮点击事件 -- 使用JS
- 原生js的cookie的使用实例setCookie()、getCookie()方法
- 在js循环中如何给a标签的点击事件的方法参数赋值有效
- jquery中交替点击事件toggle方法的使用示例
- 监听浏览器关闭按钮点击事件 -- 使用JS