微信小程序textarea层次问题解决方法

诸位大佬,可否扫下右下方参与下“支付宝”红包活动!小弟万分感谢!

微信小程序中textarea始终会占据最顶层位置,通过z-index并不能解决掉层次问题。那在实际中我们要如何解决掉该问题呢?

解决方法分析:既然不能通过层次来解决掉这个问题,那么换个角度来思考我们是不是可以用显示隐藏来改变它呢?当有遮罩层的时候textarea进行隐藏,而遮罩层消失时textarea就显示!

wxml中代码:

<textarea hidden="{{isShow}}"  />

代码解析:当isShow为false时textarea就会显示,反之隐藏。

看到这里是不是解决方法就一目了然了,在js中我们可以通过控制isShow来进行对应显示隐藏!

js部分:

/**
* 页面的初始数据
*/
data: {
isShow:false
},
//点击事件
click:function(){
this.setData({
isShow:!this.data.isShow
})
}

原理很简单,这里就不做过多介绍了!