Как объединить текст со значением переменной в свойстве компонента VueJS?
Используя компоненты материала Vue, я хочу объединить текст со значением переменной, чтобы сделать текст md-content
.
<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"} }
}
но это не работает, значение md-content
не установлено.
У вопроса есть решение - Посмотреть?
Ответы - Как объединить текст со значением переменной в свойстве компонента VueJS? / How to concatenate text with variable value on VueJS component property?
Является ответом!

15.09.2019 06:01:43
Использование вычисляемого свойства:
:md-content="mdContent"
Затем определите mdContent
в вычисляемое свойство:
computed: {
mdContent: {
get: function() {
return `Concate this with ${this.fornecedorToDelete.nome}`
}
}
}
Или вы можете (фу) сделать это грязным способом:
:md-content="`Concate this with ${fornecedorToDelete.nome}`"

15.09.2019 06:11:13
Вы могли бы связать md-content
в конкатенированную строку с данными следующим образом:
:md-content="Concate this with+'fornecedorToDelete.nome'"
Помочь в развитии проекта: