#vue.js #vuejs3 #vue-meta #laravel-mix-vue3
Вопрос:
в vue-мета версии 3 я использую метаИнфо, как в vue-мета версии 2
Я импортирую плагин vue-meta, но не могу получить доступ к компоненту, ошибка «это не определено»
в setup() мы просто получаем доступ к реквизитам и контексту
Как я могу создать динамическую мету с помощью вызова api и какой способ является стандартным
документация vue-meta версии 3
мой app.js
import { createApp } from 'vue'
import Axios from 'axios'
import { createMetaManager, plugin as metaPlugin } from 'vue-meta'
const app = createApp({
components: {
...
}
})
app.use(createMetaManager())
app.use(metaPlugin)
мой компонент
export default {
data: function () {
return {
productName: '',
};
},
mounted() {
axios.post('/get_product_name').then((response)=>{
this.productName = response.data.product_name
})
},
metaInfo() {
let productName = this.productName;
return {
title: productName ? "product : " productName : "product",
}
}
}