例:
<view class='parent-container'>
<view class='child-container'></view>
</view>
说明: 在child-container位置或里面如有一个按钮, 然后此时点击parent-container触发的事件与该按钮触发的事件并不相同, 且对应触发的hover也不一样, 若child-container设置的点击为bindtap, 则会触发parent-container的hover效果, 此时应将bindtap换为catchtap, 则不会令点击事件冒泡, 导致上层容器的点击事件也触发, 但要做到点击按钮只触发按钮的hover而不触发parent-container的hover, 或者点击parent-container触发parent-container的hover而不触发按钮的hover, 则需要在在按钮位置添加如下属性:
hover-stop-propagation='true'
至于css具体样式我就不贴出来了, 关键还是:
按钮设置如下:
catchtap='childClick' hover-stop-propagation='true'
parent-container则设置:
bindtap='parentClick'
![[Vuewarn]:Invalidprop:typecheckfailedforpropactive.ExpectedNumber,gotString-邵阳小程序开发公司推荐-小程序开发的公司](http://bbs.zhichihuodong.com/data/attachment/forum/202003/12/135032kff1vshfolslvs1f.jpg)
