关于uni-app:uniappuView结合input使用icon点击icon不生效

1.开发环境 uni-app+uView
2.电脑系统 windows10专业版
3.在应用uni-app+uView开发的应用,咱们常常会联合input应用icon,上面我来分享遇到的问题和解决办法,心愿对你有所帮忙。
4.废话不多说,间接上效果图:

你在点击扫码图标的时候可能不会触发对应的事件

5.造成问题的起因,在这里我应用绝对定位把图标放到了这个地位,同时给这个图标的父元素配置了position: relative;然而这样就会造成图标元素的层级问题,如何解决呢?办法如下:

//给这个 图标晋升层级(使点击的时候,能点到这个元素)
.chen-icon {
    position: absolute;
    margin-left: 2%;
    z-index: 1;//要害代码
}

6.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰!