vue访问原生 DOM 事件
2016-12-28 16:23
393 查看
<body>
<div id="test">
<button @click="changeColor('你好',$event)">点击我</button>
<div style="height: 100px;width: 100px;" @mouseover="over('鼠标从我上面滑过',$event)">
</div>
</div>
<script type="text/javascript">
var myVue = new Vue({
el: '#test',
methods: { //这里使用methods
changeColor: function (message, event) {
alert(message+event); //弹出我被点击了,事件是[object MouseEvent]
},
over :function (message, event) {
alert(message+event); //弹出鼠标从我上面滑过,事件是[object MouseEvent]
}
}
})
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [LeetCode]451. Sort Characters By Frequency
- Starting MySQL. ERROR! The server quit without updating PID file
- pt-query-digest用法
- HBuilder从下载到使用
- 生成EasyUI Tree所需的Json数据格式
- HBUILDER入门
- android中Activity的onCreate方法里面子线程为何能设置UI界面
- 5 Steps to Build a Drupal 8 Multi-lingual Site
- Error description: Error during query execution. Operation 'setPosition' failed.
- easyUI折叠表格层次显示detailview详解及实例（本实例3层嵌套）
- hdu 1387（Team Queue） STL
- 1000行代码实现MVVM (类似Angular1.x.x , Vue)
- pymssql throws ImportError: No module named _mssql when build app with pyinstaller
- UITableView侧滑添加多个按钮
- EasyUI 的Tab 标签添加右键菜单
- UIViewController详解
- 5、Power Query-抓取网页数据做漂亮的图表
- 状态栏颜色设置 -- UIStatusBar
- Bootstap datetimepicker报错TypeError: intermediate value
- Android设计模式学习笔记（Builder模式）