今天要封装一个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(){}可以编写处理代码的方式等,不需要通过父子组件通信来完成
第一次写文章,写的不好的地方多多交流!