冒泡
2017-07-18 16:15
148 查看
<template>
<main-layout>
<p>Welcome home</p>
<div
@click="show2()">
<input
type="button"
value="按钮"
@click.stop="show()">
</div>
</main-layout>
</template>
<script>
import
MainLayout from
'../layouts/Main.vue'
export
default {
methods:{
show:
function() {
alert(1);
},
show2:
function() {
alert(2);
}
},
components: {
MainLayout
}
}
</script>
<main-layout>
<p>Welcome home</p>
<div
@click="show2()">
<input
type="button"
value="按钮"
@click.stop="show()">
</div>
</main-layout>
</template>
<script>
import
MainLayout from
'../layouts/Main.vue'
export
default {
methods:{
show:
function() {
alert(1);
},
show2:
function() {
alert(2);
}
},
components: {
MainLayout
}
}
</script>
相关文章推荐
- 父元素與子元素的冒泡事件
- jQuery因mouseover,mouseout冒泡产生的闪烁问题
- 截断 冒泡
- 冒泡算法改进--双向冒泡算法 Double Bubble
- 经典排序算法 - 冒泡排序Bubble sort
- JQuery事件----冒泡机制的思考
- (选择、冒泡、插入、快速)排序
- 冒泡排序 Bubble Sort
- 带你学习JQuery:事件冒泡和阻止默认行为
- 冒泡和快速排序
- java实现冒泡法
- 事件冒泡
- 事件处理基础知识(一)捕获、目标、冒泡三个阶段
- DataGridView单元格字符超长,ToolTip冒泡提醒功能,可控制宽度和持续显示时间
- 冒泡,希尔排序
- 阻止浏览器默认行为和事件冒泡
- 数组常见常用的几种排序→→→冒泡→→选择→→插入
- 阻止浏览器冒泡事件,兼容firefox和ie
- jQuery阻止冒泡和HTML默认操作
- 算法.冒泡和二分查找