当前位置： 首页 > 资讯

uniapp/vue 中父元素 pointer-events: none 如何让子元素点击事件生效？

发布日期： 2024-11-03 阅读量： 作者： 网络

uniapp/vue 中父元素 pointer-events: none 如何让子元素点击事件生效？

在 uniapp/vue 中解决父元素 pointer-events: none 下子元素点击事件无效的问题

在使用 uniapp/vue 时，当父元素设置了 pointer-events: none 属性后，子元素的点击事件可能会失效。

问题分析

当父元素设置为 pointer-events: none 时，表示该元素及其子元素都不响应指针事件，即鼠标点击、滑动等。因此，如果子元素需要响应点击事件，需要将其指针事件显式设置为初始值。

解决办法

要让子元素的点击事件在父元素 pointer-events: none 设置下生效，可以给需要点击事件的子元素添加 pointer-events: initial; 属性。这样，子元素将能够响应指针事件，而父元素的 pointer-events: none 属性依然可以阻止父元素本身的指针事件。

示例

<view style="pointer-events: none">
  <view @click="next" style="pointer-events: initial;">
    <view>开始</view>
  </view>
</view>

# vue # uniapp # 点击事件

相关文章：百度知道引流技巧，简单、粗暴、直接吸粉！操作cpa项目，你需要掌握的基础知识有这些！利用探探每日引流上百女粉，女粉变现月入过万的操作方法思路分享网站推广提高网站权重的4要招 CPA广告模式有什么好处？CPA广告计费的方式是什么？淘宝旺旺推广怎么做？阿里旺旺有什么用途？企业进行全网营销的方法都有什么？ cps广告联盟有哪些平台？极速推和直通车怎么选择？有何区别？网站推广学者分享怎样提升关键词预估点击次数想要做淘宝客赚钱？淘客联盟这六大推广赚钱手段你不得不知！【cpa联盟基础】制作cpa静默包推广赚钱是什么意思？亚马逊联盟怎么推广？推广方式介绍聊客直播app，和美女主播一起“聊”起来，让你不再孤单！盘点美宝莲护肤品利用百度推广的关键词如何做好网络营销？网络营销手段和方法策略有哪些？通过qq引流推广cpa广告联盟上的产品的13个小技巧！靠谱的网络广告联盟都有哪些？选择哪个比较好？推广app赚钱怎么做？app推广赚佣金的4个方法！竞价广告该如何投放，有什么技巧可借鉴的？五金机械互联网推广,五金机械b2b网站大全四个不耽误上班的网上兼职赚钱副业分享 cpa单价一般多少钱？有没有高价cpa单子呢？适合新手利用cpa联盟平台上面的广告来赚钱的3个方法！视频号上热门的推广小技巧有什么靠谱的有收益还不错的在家赚钱副业吗？推荐这五个！移动互联网下手机广告联盟营销存在着哪些问题？新手做广告联盟广告推广赚钱的几个注意事项！想赚大钱的这份国外移动广告联盟排行榜单请收好！非常暴利的赚钱项目，游戏推广赚钱怎么做？

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2960 】【 SEO推广2794 】

上一篇: linux怎么查看有几个用户登录

下一篇: linux怎么查看有多少个文件

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发