google 스프레드시트 데이터를 json으로 내보내 NUXT에서 섹션별로 나열
axios로 GET 해 오면 늦었기 때문에 개선하고 싶다.
스프레드시트에 표 준비
데이터를 json 형식으로 출력.
방법은 여기를 참고.
htps : // 코 m / 유키 이치카 /
NUXT측에서 데이터를 취득한다.
여기를 참고.
htps : /// ゔぇり cks. 코 m / 누 xt 아오 s /
vue 파일 내에서
export default {
async asyncData({ $axios }) {
const url = 'https://script.google.com/macros/s/ID/exec';
// リクエスト(Get)
const response = await $axios.$get(url);
// 配列で返ってくるのでJSONにして返却
return { result: response }
}
};
</script>
섹션별로 나열
이를 위해 sectionsKey를 설정하십시오.
<ul>
<template v-for="item in result">
<template v-if="item.sectionsKey === 1">
<li>
<nuxt-link :to="item.url">{{ item.pages }}</nuxt-link>
</li>
</template>
</template>
</ul>
Reference
이 문제에 관하여(google 스프레드시트 데이터를 json으로 내보내 NUXT에서 섹션별로 나열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/banzyyy/items/42b65086cf4373ed3708
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
방법은 여기를 참고.
htps : // 코 m / 유키 이치카 /
NUXT측에서 데이터를 취득한다.
여기를 참고.
htps : /// ゔぇり cks. 코 m / 누 xt 아오 s /
vue 파일 내에서
export default {
async asyncData({ $axios }) {
const url = 'https://script.google.com/macros/s/ID/exec';
// リクエスト(Get)
const response = await $axios.$get(url);
// 配列で返ってくるのでJSONにして返却
return { result: response }
}
};
</script>
섹션별로 나열
이를 위해 sectionsKey를 설정하십시오.
<ul>
<template v-for="item in result">
<template v-if="item.sectionsKey === 1">
<li>
<nuxt-link :to="item.url">{{ item.pages }}</nuxt-link>
</li>
</template>
</template>
</ul>
Reference
이 문제에 관하여(google 스프레드시트 데이터를 json으로 내보내 NUXT에서 섹션별로 나열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/banzyyy/items/42b65086cf4373ed3708
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
export default {
async asyncData({ $axios }) {
const url = 'https://script.google.com/macros/s/ID/exec';
// リクエスト(Get)
const response = await $axios.$get(url);
// 配列で返ってくるのでJSONにして返却
return { result: response }
}
};
</script>
이를 위해 sectionsKey를 설정하십시오.
<ul>
<template v-for="item in result">
<template v-if="item.sectionsKey === 1">
<li>
<nuxt-link :to="item.url">{{ item.pages }}</nuxt-link>
</li>
</template>
</template>
</ul>
Reference
이 문제에 관하여(google 스프레드시트 데이터를 json으로 내보내 NUXT에서 섹션별로 나열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/banzyyy/items/42b65086cf4373ed3708텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)