我如何将我的api值传递给vue上的Header标题?我正在使用nuxt。
我尝试使用它,但出现错误“博客未定义”
async asyncData({params, error}) {
try {
let topBlogger = await axios.get('http://api.bla.bla/API/topblogger.php')
let isi = await axios.get(`http://api.bla.bla/API/news.php?id_artikel=${+params.id}`)
let tagList = await axios.get('https://api.bla.bla/users')
return {
bloggers: topBlogger.data,
blog: isi.data,
tags: tagList.data,
}
} catch (e) {
error({message: 'User not found', statusCode: 404})
}
},
head () {
return {
title: blog.id_artikel+' | title bla bla',
meta: [
{ hid: 'description', name: 'description', content: 'content dll' }
]
}
},
但是当我在<template></template>
上使用博客时,它可以工作
我是vueJS的新手,所以似乎仍然无法很好地理解它的工作原理
答案 0 :(得分:1)
您需要使用此访问数据
return {
title: this.blog.id_artikel+' | title bla bla',
meta: [
{ hid: 'description', name: 'description', content: 'content dll' }
]
}
答案 1 :(得分:1)
这可能对您有帮助。
<script>
export default {
head: {
title: this.blog.id_artikel+' | title bla bla',
meta: [
{
hid: 'description',
name: 'description',
content: 'Home page description'
}
],
}
}
</script>