根据unicloud-db组件简介中对load事件的描述。
load事件在查询执行后、渲染前触发,一般用于查询数据的二次加工。比如查库结果不能直接渲染时,可以在load事件里先对data进行预处理。
<unicloud-db @load="handleLoad" />
handleLoad(data, ended, pagination) {
// `data` 当前查询结果
// `ended` 是否有更多数据
// `pagination` 分页信息
}
文档或者其他示例中并未给出如何修改处理data的参考示例。
如果有需求,对load事件的回调函数的data数据项进行处理,比如增加自定义属性。需要如何处理,
代码如下:
<unicloud-db v-slot:default="{data, loading, error, options}" collection="ub-mall-product" :where="where" @load="handleLoad">
<view>
<view style="text-align: center;">
<u-loading mode="circle" color="#f00" :show="loading"></u-loading>
</view>
<view v-for="item in data" :key="item._id" >
<text>{{item.name}}--{{item.show}}</text>
</view>
</view>
</unicloud-db>
export default {
...
methods: {
handleLoad(data, ended, pagination) {
data = data.map(({name,...otherProp}) => ({ //对name新增_hllo后缀,以及添加show属性
name: name+"_hello",
show:false,
...otherProp
}))
// return data;
// return {data,ended,pagination}
},
}
...
不管有没有return 数据,以上方式均无法生效。
请问该如何处理自定义数据。