微信小程序双向绑定失效解决方案2023.11.13

先说解决方案：将app.json中”lazyCodeLoading”: “requiredComponents”配置删除掉即可

代码复现

<view class="chat">
  <block wx:for="{{chat}}" wx:for-item="message" wx:for-index="index" wx:key="{{index}}">
    <view wx:if="{{message.role === 'user'}}" class="q">{{message.content}}</view>
    <view wx:if="{{message.role === 'assistant'}}" class="ai">{{message.content}}</view>
  </block>
</view>

<view class="bottom">
  <input type="text"  bindinput="oninput" model:value="{{inputvalue}}" />
  <button bindtap="send">发送</button>
</view>

// pages/index/index.js
let displayingMessage = false;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    inputvalue: '', // 初始化 inputValue 数据
    chat:[],
    content: '', // 用于显示的文本内容
    uid:10000
  },


.....


send() {
    
    const inputvalue = this.data.inputvalue;
    console.log(inputvalue)
    const uid = this.data.uid;

    if (inputvalue == "") {
      wx.showToast({
        title: '问题不能为空',
        icon: "error"
      });
      return;
    }

    
  },

  oninput(){
    
  },

  .....
})

我试图在input输入框进行一个双向数据绑定，开发者工具测试一切正常，真机调试一切正常（注意这里是真机调试，并非小程序预览、体验版、线上版），按理来说没问题了吧，我上传代码，然后测试体验版，这时候就见鬼了，我明明输入了内容，点按钮提交一直showToast提示我没输入问题，我又打开体验版的调试模式，发现console.log打印也为空，而且没有任何报错，这时候我就查资料呗。

发现很多人都遇到过这个问题，但是这些解决方案都没用

无意之中看到这篇文章

在微信开发者工具中使用 van-field 不会有问题，但是放入真机时会报错？ | 微信开放社区 (qq.com)

将app.json中”lazyCodeLoading”: “requiredComponents”配置删除掉即可，虽然这个问题和我不对症，但是抱着试一试的态度，还真就成了。

最后还是麻烦微信小程序官方能不能优化优化，这写代码5分钟，找bug2小时啊….