javascript - 如何在 metaInfo 中使用 Vue 变量？

Question

脚本中这一行 Vue 的正确语法是什么：

export default {
metaInfo: {
      title: "{product.name} wallpaper",

这条线出现在表格中：

title: "Space wallpaper",

product.name我在api中得到它：

mounted() 
{ 
let vm = this
vm.getProducts(); 

},
methods: {
getProducts() {
                let vm = this
                axios.get('/api/products')
                    .then(function(response) {
                        vm.products = response.data.data  
                    })

Answer 1

模板文字在大括号前使用反引号和美元符号，例如：

title: `${product.name} wallpaper`

metaInfo要在函数中使用反应变量， Vue Meta 文档说您可以创建metaInfo一个函数并将反应变量分配给局部变量，然后再返回数据。例如：

metaInfo() {
      const product = this.product;
      return {
          title: `${product.name} wallpaper`
      }
}

Vue Meta 的一位贡献者在这里解释了为什么需要这样做。