最近遇到一个很头疼的问题。
调用一个picker二次封装的组件。
组件中存在计算属性。是需要通过选择修改来查询出来相对应的key和value,结果计算属性在app中可以正常使用和反显,但在小程序中存在问题且不报错!!!
1.调用
)
)
2.组件内部
)
3.数据
)
4.整体流程
- 父组件中引入子组件。(formPicker组件)
- 父组件请求picker所需数据。
- picker选择数。
- 子组件依次调用index()和text()计算属性方法。
- 显示选择相对应的Name,value返回相对应id。
5.结果value返回成功,name数据不渲染,数据响应式丢失
解决方法:
1.在父组件中,定义好v-model绑定的字段
<form-picker name="文件类型"
v-model="model.fileType"
placeholder="请选择文件类型"
:range="fileTypeList"
rangeKey="name"
rangeValue="id"></form-picker>
2.在数据返回时定义默认值。