vue.jsとWP REST APIを利用してブログサイトのフロントエンドを構築しようとしています。
個別記事ページのmetaタグの設定をしたく、vue-headを採用したのですが、dataに格納した配列から要素を取得しようとしても反映されません。
ソースコード
Post.vue
my.domain
は自分のドメイン、this.$root.post_id
は記事ID
const app = { name: 'post', data () { return { item: [] } }, created: function () { this.$http.get('my.domain/wp-json/wp/v2/posts/' . this.$root.post_id).then((response) => { this.item = response.data }) }, head: { title: function () { return { inner: this.item.title.renderd, separator: '|' } } } } export default app
通常dataに配列を書いたものはテンプレートタグとして表示されるのですが、head:{}
に関してだけうまく取得できません。
どうにかitem[]
から取得したいので、ご教授のほどよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。