###前提・実現したいこと
Vue.js(Vue CLIのwebpackテンプレートを使用)で、vuefireとvue-routerを使ってデータの取得を行いたいです。URLから$router.params.id
を取得してvuefireのURLを動的に変更したい。
###該当のソースコード
router,コンポーネントの設定は以下の通りです。
javascript
1const route = { 2 { 3 path: 'sample/:id', 4 name 'Sample', 5 component: Sample 6 } 7}
javascript
1import firebase from 'firebase' 2export default { 3 firebase: { 4 item: firebase.database().ref(`/items/${this.$route.params.id}`) 5 } 6}
Cannot read property 'params' of undefined
のエラーが発生して動かなくなってしまいました。
###試したこと
おそらく、vuefireの発火タイミングがcreatedであることが原因?
vuefireの発火タイミングかrouterのid取得を何か別の方法でできれば解決するのかなとは思ったものの、いまいちわかりませんでした...
###補足情報(言語/FW/ツール等のバージョンなど)
- vue: 2.5.2
- vue-router: 3.0.1
- vuefire: 1.4.5
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。