vue.js支持js原生写法
来源:互联网 发布:软件产品设计流程 编辑:程序博客网 时间:2024/06/05 09:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style>
</style>
<script src="vue.js"></script>
<script>
window.onload=function(){
new Vue({
el:'#box',
data:{
},
methods:{
ev.cancelBubble=true;
},
show2:function(){
alert(2);
}
}
});
};
</script>
</head>
<body>
<div id="box">
<div @click="show2()">
<input type="button" value="按钮" @click="show($event)">
</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style>
</style>
<script src="vue.js"></script>
<script>
window.onload=function(){
new Vue({
el:'#box',
data:{
},
methods:{
show:function(ev){
//此处传过来的ev支持js原生写法
alert(ev.clientX);//此处符合js原生写法ev.cancelBubble=true;
},
show2:function(){
alert(2);
}
}
});
};
</script>
</head>
<body>
<div id="box">
<div @click="show2()">
<input type="button" value="按钮" @click="show($event)">
</div>
</div>
</body>
</html>
阅读全文
0 0
- vue.js支持js原生写法
- ajax原生js写法
- js原生的ajax写法
- 原生js的ajax请求兼容写法
- js原生支持checkbox框半选状态
- js原生轮播图,支持移动端
- 原生js支持的编码转换方法
- vue.js 添加 fastclick的支持
- html5 新标签支持js写法
- [JS]让原生JS支持JQ CSS语句
- js调用ios原生多种写法参考及js调用android原生方法参考
- 原生JS
- 原生js
- JS原生
- 原生JS
- Vue结合原生js实现自定义组件自动生成
- 极验与vue的原生js结合
- vue.js原生组件化开发——父子组件
- 欢迎使用CSDN-markdown编辑器
- 二叉树(binary tree)
- hdu5820 询问简单路径 主席树
- 计时
- MariaDB SQL语句基础
- vue.js支持js原生写法
- NMAP的常用命令
- 《捉虫记——大容量Web应用性能测试与LoadRunner实战》读书笔记
- Centos7恢复Windows7引导
- Linux下的信号(一)
- 银行家算法简述解析
- Codeforces 811 B Vladik and Complicated Book
- java nullpointerexception
- C++中this指针的理解及用法