vue nuxt，在标题标题SEO上传递API值

前端

Winter

2018-10-25

 

我怎样才能将我的api值传递给vue上的标题？我使用的是nuxt。 我尝试使用此但我收到错误'blog is not defined'

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>上使用blog时，它工作我是vueJS的新手，所以仍然无法理解它是如何工作的

第86篇《vue nuxt，在标题标题SEO上传递API值》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
Winter 2018.10.25
You need to access data using this 
return {
            title: this.blog.id_artikel+' | title bla bla',
            meta: [
                { hid: 'description', name: 'description', content: 'content dll' }
            ]
        }
header方法里设置
Winter 2018.10.25
Winter 2018.10.25

直接修改header方法

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android