【问题标题】: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的简写。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-05
      • 1970-01-01
      • 2011-09-20
      • 2018-08-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多