nebel/hasura-rest-hands-on
1
0
Fork 0
mirror of https://github.com/kou029w/hasura-rest-hands-on.git synced 2025-01-18 08:05:12 +00:00
Code Issues Projects Releases Wiki Activity

fix: 更新処理が誤って行われる問題を修正

Browse source
This commit is contained in:
Nebel 2023-03-01 19:16:35 +09:00
parent 761b91a467
commit b751fcb654
1 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/App.vue
View file

@ -16,8 +16,7 @@ window.localStorage.setItem("id", id);
const endpoint = `https://memo-demo.hasura.app/api/rest/page/${id}`; const endpoint = `https://memo-demo.hasura.app/api/rest/page/${id}`;
const editor = ref(); const editor = ref();
const initialContent = { ops: [{ insert: "読み込み中…" }] }; const initialContent = {
const defaultContent = {
ops: [ ops: [
{ insert: "メモ帳\n", attributes: { header: 1 } }, { insert: "メモ帳\n", attributes: { header: 1 } },
{ insert: "こんにちは!\n" }, { insert: "こんにちは!\n" },
@ -33,7 +32,7 @@ const defaultContent = {
onMounted(async () => { onMounted(async () => {
console.log("endpoint", endpoint); console.log("endpoint", endpoint);
const res = await axios.get(endpoint); const res = await axios.get(endpoint);
const content = res.data.page?.content ?? defaultContent; const content = res.data.page?.content ?? initialContent;
editor.value.setContents(content); editor.value.setContents(content);
console.log("content", content); console.log("content", content);
}); });
@ -45,10 +44,5 @@ const update = debounce(async (content) => {
</script> </script>
<template> <template>
<QuillEditor <QuillEditor ref="editor" @update:content="update" toolbar="full" />
ref="editor"
:content="initialContent"
@update:content="update"
toolbar="full"
/>
</template> </template>