微信小程序textarea层次问题解决方法
小程序
2019-07-16 11:15:59
微信小程序中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
})
}
原理很简单,这里就不做过多介绍了!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
880篇文章
3950人已阅读