微信小程序 通过脱离文档流和z-index 覆盖 原生组件

覆盖 textarea 等微信小程序原生组件

1.子组件使用 position中的 relative、absolute、fixed

//子组件

父组件

此时可以通过z-index 大小控制子组件和 原生组件迅数textarea覆盖笑卜 （前提：要在子组件设碰昌穗置position 使得组件脱离文档流）

输入代码

<textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" />

就可以设置了。

微信小程序 textarea 不可行的原因和简易解决方案

微信小程序中textarea没有bindchange事件，所以无法在输入时给变量赋值。

虽然可以使用bindblur事件，但是绑定bindblur事件，如果再点击按钮，则先执行完按钮事件唯帆拆后，再去执行bindblur事件，所以在js文件取不到输入值。

解决方法：结合from表单，textarea文本框输入后，再去点击提交按钮，这时会先执行textarea事件（获取文本框输入内容），再去执行数据提指枣交，这样问题就解决了。

2.wxml文件代码

3.js文件代码轿困

---