微信小程序 textarea 不显示文本解决办法

1.问题重现:A页面 传文本到 B页面,B页面 在textarea中 显示文本。
2.代码
pagea.js

    var desc = '我要在B页面的textarea中显示';

    wx.redirectTo({
      url: '../pageb/pageb?desc=' + desc,
    })

pageb.js

onLoad: function (options) {
    this.setData({
      desc: options.desc
    })
}

pageb.wxml

<textarea value="{{desc}}" maxlength="-1" class="weui-textarea"  bindinput="descInput" style="height:160rpx;"  />

你会发现,B页面textarea中根本没有显示 任何内容。

3.解决办法
在pageb.js onReady中,重新拿值赋值,就好了。。。

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.setData({
      desc: this.data.desc,
    })
  }

4.原因
可以看出是页面加载顺序 : onLoad 、页面组件渲染、onReady

这么小个问题,搞了我一下午,简直了。。。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值