Javascript 如何在VueJS组件属性中将文本与变量值连接起来？

使用Vue材质组件，我希望将文本与变量值连接起来，以生成

md内容

文本

<md-dialog-confirm
  :md-active.sync="showDialogConfirmDelete"
  md-title="Deletar Fornecedor"
  md-content="Concate this with {{fornecedorToDelete.nome}}"
></md-dialog-confirm>

...

data() {
   return { fornecedorToDelete: {nome: "Name"} }
}

...
数据（）{
返回{fornecedortodele:{nome:“Name”}
}

---

但它不起作用，未设置

md content

的值。

使用计算属性：

:md-content="mdContent"

computed: {
  mdContent: {
    get: function() {
      return `Concate this with ${this.fornecedorToDelete.nome}`
    }
  }
}

然后在计算属性中定义

mdContent

：

:md-content="mdContent"

computed: {
  mdContent: {
    get: function() {
      return `Concate this with ${this.fornecedorToDelete.nome}`
    }
  }
}

或者你也可以用肮脏的方式：

:md-content="`Concate this with ${fornecedorToDelete.nome}`"

---

您可以将

md content

绑定到具有数据属性的串联字符串，如下所示：

 :md-content="Concate this with+'fornecedorToDelete.nome'"