Как объединить текст со значением переменной в свойстве компонента VueJS?

Как объединить текст со значением переменной в свойстве компонента VueJS?

15.09.2019 05:55:58 Просмотров 55 Источник

Используя компоненты материала 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?

Является ответом!
Ohgodwhy

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}`"
Boussadjra Brahim

15.09.2019 06:11:13

Вы могли бы связать md-content в конкатенированную строку с данными следующим образом:

 :md-content="Concate this with+'fornecedorToDelete.nome'" 
Закрыть X