微信小程序bindgetphonenumber获取手机号阻止冒泡触发

最新推荐文章于 2025-04-12 15:17:19 发布

smile_life_

最新推荐文章于 2025-04-12 15:17:19 发布

阅读量915

点赞数 2

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/smile_life_/article/details/139507410

版权

问题：点击手机号弹出微信的手机号验证组件，这是可以的。但是我点击车牌号，也弹出来了，这就郁闷了。以下是解决方法

点击手机号时，弹出选择手机号

解决：

<view style="display: flex;justify-content:space-between;border-bottom: 1px solid rgb(231, 230, 230);padding-bottom: 20rpx;">
      <view>修改手机号</view>
      <button plain="true" open-type="getPhoneNumber" bindgetphonenumber="onGetPhoneNumber" data-menuName="修改手机号" data-content="{{carCodeInfo.mobile}}" style="display:flex;align-items:center;color:#515151;padding:0;line-height:0;justify-content:flex-end;flex:1;background-color:unset;font-size: unset;border: unset;">
        <view>{{carCodeInfo.mobile}}</view>
        <van-icon name="arrow" style="margin-left: 10rpx;"/>
      </button>
    </view>

关键点：plain="true" 和 border: unset;

加上就可以了。其他样式是为了去掉button原先的样式。实现我自己想要的效果。可能这个button组件就有相关属性可以设置样式，但是我没去细看了。实现就行了，不管了。