fix(client): ピン留めされたノートがリアクティブではない問題を修正
This commit is contained in:
parent
9f87545901
commit
31a0afdaab
|
@ -83,7 +83,7 @@
|
||||||
<router-view :user="user"></router-view>
|
<router-view :user="user"></router-view>
|
||||||
<template v-if="$route.name == 'user'">
|
<template v-if="$route.name == 'user'">
|
||||||
<div class="pins">
|
<div class="pins">
|
||||||
<x-note v-for="note in user.pinnedNotes" class="note" :note="note" :key="note.id" :detail="true" :pinned="true"/>
|
<x-note v-for="note in user.pinnedNotes" class="note" :note="note" @updated="pinnedNoteUpdated(note, $event)" :key="note.id" :detail="true" :pinned="true"/>
|
||||||
</div>
|
</div>
|
||||||
<mk-container :body-togglable="true" class="content">
|
<mk-container :body-togglable="true" class="content">
|
||||||
<template #header><fa :icon="faImage"/>{{ $t('images') }}</template>
|
<template #header><fa :icon="faImage"/>{{ $t('images') }}</template>
|
||||||
|
@ -210,6 +210,11 @@ export default Vue.extend({
|
||||||
const pos = -(top / z);
|
const pos = -(top / z);
|
||||||
banner.style.backgroundPosition = `center calc(50% - ${pos}px)`;
|
banner.style.backgroundPosition = `center calc(50% - ${pos}px)`;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
pinnedNoteUpdated(oldValue, newValue) {
|
||||||
|
const i = this.user.pinnedNotes.findIndex(n => n === oldValue);
|
||||||
|
Vue.set(this.user.pinnedNotes, i, newValue);
|
||||||
|
},
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue