24 lines
805 B
JavaScript
24 lines
805 B
JavaScript
|
/**
|
|||
|
|
* 微信小程序 v-for :key 仅支持简单属性访问，不支持模板表达式。
|
|||
|
|
* 在 JS 中为列表项预生成 _wxKey 后，模板使用 :key="item._wxKey"
|
|||
|
|
*/
|
|||
|
|
export function withWxKey(list, idField = 'id', fallbackPrefix = 'i') {
|
|||
|
|
return (list || []).map((item, index) => ({
|
|||
|
|
...item,
|
|||
|
|
_wxKey: item[idField] != null && item[idField] !== ''
|
|||
|
|
? String(item[idField])
|
|||
|
|
: `${fallbackPrefix}${index}`,
|
|||
|
|
}))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 单条消息/列表项补全 _wxKey（用于 push、$set 等增量更新） */
|
|||
|
|
export function ensureWxKey(item, idField = 'id', fallback) {
|
|||
|
|
if (!item || typeof item !== 'object') return item
|
|||
|
|
if (item._wxKey != null && item._wxKey !== '') return item
|
|||
|
|
const id = item[idField]
|
|||
|
|
return {
|
|||
|
|
...item,
|
|||
|
|
_wxKey: id != null && id !== '' ? String(id) : String(fallback),
|
|||
|
|
}
|
|||
|
|
}
|