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不支持,那就要加$,这样就都支持了
阅读全文
0 0
- vuejs 使用原生js 点击事件方法
- 原生js 事件代理方法
- react阻止冒泡事件(使用原生js方法)
- VueJS--给组件绑定原生事件
- 按钮点击事件的实现方式---原生js
- 原生js写点击事件改变字体颜色
- 使用js实现点击事件
- 使用原生js手动触发事件
- 原生js--事件类型
- js原生事件封装
- 原生js--事件类型
- JS自定义事件原生
- 原生JS事件详解
- 原生js onclick事件
- js原生事件委托
- js Button点击事件时避免点击频繁的方法
- 原生js和jquery框架下绑定事件的方法
- 时间一到,开抢月饼(原生JS简单实现定时自动点击事件)
- 爬虫自动抓取腾讯视频评论 -- json的使用和数据解析
- log4j+slf+spring配置
- 墓地雕塑(LA 3708)
- HDU 1115 Lifting the Stone (多边形重心)
- 基于梯度场的网格编辑
- vuejs 使用原生js 点击事件方法
- 【刷题计划1】【poj分类转载】
- this指针为空
- .net core 2.0学习笔记(二):Hello World & 进阶
- 第六章 Concurrent Collections (并发集合类) 【上】
- 如何将mxd文档直接发布为ArcGIS Server服务
- Python中的@classmethod用法
- [编程题] 双核处理
- 从相册选取裁剪上传头像