Vue, i18n, vue-meta는 어떻게 친구를 만들까?

Vue, i18n, vue-meta는 어떻게 친구를 만들까?

사이트 언어를 변경할 때 메타 페이지도 변경되었습니까?

vue-i18n - https://kazupon.github.io/vue-i18n/ vue-disples - https://www.npmjs.com/package/vue-meta 를 사용합니다.

App.vue

export default {
        name: 'Name',
        metaInfo: {
            title: 'Title', // set a title
            titleTemplate: '%s - title', // %s  required
            htmlAttrs: {
                lang: 'ru',
                amp: undefined // "amp" has no value
            },
            meta: [
                {   'name':'og:title',
                    'content': 'title',
                },
                {   'name':'metatitle',
                    'content': 'title',
                },
                {   'name':'og:description',
                    'content': 'Description',
                },
                {   'name':'description',
                    'content': 'Description',
                }

            ]

        },
        data(){return{ }},
        mounted() {}

metaInfo를 개체로 정의하는 대신 함수로 정의하고 평소처럼 액세스합니다.

export default { 
   metaInfo () { 
      return { title: this.$t("home.title") } 
   } 
}

Et voila! :)

언급URL : https://stackoverflow.com/questions/53915818/vue-i18n-and-vue-meta-how-to-make-them-friends