概要
Nuxt.jsのcomponentsのメソッドをpagesのメソッドから呼び出したいです。
しかし、下記ソースのように呼び出した場合、
components_testcomp_vue__WEBPACK_IMPORTED_MODULE_5__.default.compMethod is not a function
のようなエラーが発生し、メソッドが認識できていないようです。
記述方法に誤りがあるのでしょうか?
ぜひご教授お願い致します。
※実際のソースから、こちらでの公開向けに変えているので、矛盾等ありましたらご指摘ください
ソース
pages/
1<template> 2 <div> 3 {{callCompMethod()}} 4 </div> 5</template> 6 7<script> 8import testComp from "../components/testComp.vue"; 9 10export default { 11 components: { 12 testComp 13 }, 14 methods: { 15 callCompMethod(hasIcon) { 16 return testComp.compMethod(); 17 } 18 } 19} 20
components/testcomp.vue
1<script> 2export default { 3 methods: { 4 compMethod() { 5 consolle.log("called"); 6 } 7 } 8}; 9</script> 10
エラー
components_testcomp_vue__WEBPACK_IMPORTED_MODULE_5__.default.compMethod is not a function
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/26 04:37