如何将呈现的 HTML 传递给 vue 属性？答案

【问题标题】：How can I pass in rendered HTML to a vue property?如何将呈现的 HTML 传递给 vue 属性？
【发布时间】：2020-01-29 05:02:15
【问题描述】：

我正在使用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 }}。

有人可以帮忙吗？

【问题讨论】：

标签： javascript vue.js vue-material

【解决方案1】：

您可以传递动态生成的 HTML。如果只是一个简单的案例，您甚至可以使用 template string 内联：

  <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的简写。

【讨论】：