vue - 插值 html 值

【问题标题】：vue - interpolation html valuevue - 插值 html 值
【发布时间】：2021-12-15 11:54:50
【问题描述】：

有一个带有服务器端分页的 v-data-table，我在其中使用了 formatter 作为topic 所述的特定列。

需要将其替换为 HTML 而不是 纯文本。例如我的功能是这样的：

    formatCurrency (value) {
        return '<strong>' + value + '</strong>';
        //'<v-icon dark small>tick-outline</v-icon>' + value;
    },

当我使用这个获得纯 HTML.... 时：

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

尝试使用v-html 指令：

new Vue({
  el: '#demo',
  data() {
    return {
      price: 555.33
    }
  },
  methods: {
    formatCurrency (value) {
      return '<strong>' + value + '</strong>';
        //'<v-icon dark small>tick-outline</v-icon>' + value;
    },
  }
})

Vue.config.productionTip = false
Vue.config.devtools = false

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
 <div v-html="formatCurrency(price)"></div> 
</div>

【讨论】：