Как я могу передать отрендеренный HTML свойству vue? - PullRequest
Новая
       41

Как я могу передать отрендеренный HTML свойству vue?

2 голосов
/ 29 сентября 2019

Я использую vue-material, и у меня есть: 

  <md-dialog-confirm
    :md-active="true"
    md-title="Make an Outboud Call"
    md-confirm-text="Agree"
    md-cancel-text="Disagree"
    md-content="some <p>HTML</p> here"
    @md-cancel="$emit('closeModal')"
    @md-confirm="$emit('accept')"
  >

Для md-content я могу передать HTML, но хочу, чтобы он отображался через шаблонизатор Vue.js, чтобы я мог использовать свой{{template interpolation }} по мере необходимости.

Может кто-нибудь помочь, пожалуйста?

1 Ответ

2 голосов
/ 30 сентября 2019

Вы можете передать динамически сгенерированный HTML. Если это простой случай, вы можете сделать это в строке с строкой шаблона : 

  <md-dialog-confirm
    :md-active="true"
    md-title="Make an Outboud Call"
    md-confirm-text="Agree"
    md-cancel-text="Disagree"
    :md-content="`some text with the value <b>${yourVariable}</b> here`"
    @md-cancel="$emit('closeModal')"
    @md-confirm="$emit('accept')"
  >

Обратите внимание на : перед md-content, что является сокращением дляv-bind.

...