赞
踩
直接看代码
- <u-cell-item @click='clickItem(item.title,index)' :title="item.title" arrow-direction="down" :arrow="false"
- v-for="(item,index) in phrases" :key="index">
- <u-icon v-if="show" @click.stop="handleClick()" slot="right-icon" size="50" custom-prefix="custom-icon"
- name="changyonggoupiaorenshanchu"></u-icon>
- </u-cell-item>
这里我是使用uview的组件行里面插了icon但是单独点击icon会发现 同时触发了u-cell-item的事件。
但是我发现使用stop并没有直接阻止的事件冒泡。
这时候我们可以使用.native事件修饰符,在父组件中给子组件绑定一个原生事件,native修饰符用于在自定义组件上监听原生 DOM 事件。通过使用.native修饰符,可以将原生事件绑定到组件的根元素上。
- <u-icon v-if="show" @click.native.stop="handleClick()" slot="right-icon" size="50" custom-prefix="custom-icon"
- name="changyonggoupiaorenshanchu"></u-icon>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。