有效解决小程序 textarea 层级太高,内容穿透的问题

解决方案:给 textarea 加 value="{{}}"和 bindinput 事件,具体如下
在开发小程序的过程中需要在页面打开一个表单弹框,用微信的 cover-view 的话弹框表单会报错有效解决小程序 textarea 层级太高,内容穿透的问题_第1张图片其中内容部分是 textarea, 解决方案:
.wxml(bindinput 必须,否则会在关闭弹框的时候清空 textarea )

<textarea name="content" maxlength="1000" value="{{content}}" style="height:250rpx;vertical-align:top;padding-top:20rpx;line-height:50rpx;" bindinput="contentText">textarea> 

.js

Page({
  data: {
    content: '',        //用于存储textarea输入内容
  },
  // 监听输入框输入
   contentText:function(e){
    this.setData({
      content:e.detail.value
    }) 
 },
})

你可能感兴趣的:(wx)