根据此处的文档
如果页面 A 推送页面 B,它可以发送一个函数作为修改页面 A 的上下文的道具或数据。这样,每当我们想从页面 B 向页面 A 发送任何内容时,后者只需要调用该函数并传递一些参数:
// Page A
this.$emit('push-page', {
extends: pageB,
onsNavigatorProps: {
passDataBack(data) {
this.dataFromPageB = data;
}
}
});
我正在遵循这个想法。做类似的事情this.$store.commit
我想推送AddItemPage
并将返回的值复制到this.items
//Parent.vue
pushAddItemPage() {
this.$store.commit('navigator/push', {
extends: AddItemPage,
data() {
return {
toolbarInfo: {
backLabel: this.$t('Page'),
title: this.$t('Add Item')
}
}
},
onsNavigatorProps: {
passDataBack(data) {
this.items = data.splice() //***this*** is undefined here
}
}
})
},
//AddItemPage.vue
...
submitChanges()
{
this.$attrs.passDataBack(this, ['abc', 'xyz']) // passDataBack() is called, no issues.
},
...
唯一的问题是这在回调函数中不可用。
所以我做不到this.items = data.splice()