小程序双向数据绑定model:value="{{value}}"失效

217 阅读1分钟

今天要封装一个input组件,以往使用官方的提供的双向绑定语法,发现在开发工具可以正常使用,手机预览却无法使用。

后查阅文档需要将app.json文件中的 "lazyCodeLoading": "requiredComponents"属性去掉就可以正常使用,但是此属性删除页面加载时间延长了,影响用户体验。

使用value结合input的回调bindinput方法实现双向绑定,并封装成一个组件,使用数据驱动形成比较方便的一个方法。

通过官方的behaviors

// 使用该 behavior 时,自定义组件中的 export 定义段将用于指定组件被 selectComponent 调用时的返回值。
behaviors: ['wx://component-export'],
export () {
    return {formData:data}
},

调用时使用

//父组件.wxml
<my-component id="my-component">
// 父组件js
const child = this.selectComponent('#my-component')

回调就是需要的数据结果,在export(){}可以编写处理代码的方式等,不需要通过父子组件通信来完成

第一次写文章,写的不好的地方多多交流!