vue.js - vue-filter 不适用于 v-html

Question

这个问题几乎没有解决方案，但对我来说没有任何作用。我正在使用一个名为 vue-filter 的包，并且我想使用 nl2br 过滤器。当我尝试在我的 html 中使用它时，如下所示

<p style="padding: 10px;font-size: 17px;"  v-html="$options.filters.nl2br(opDesc.description)"></p>

它给了我以下错误

TypeError: _vm.$options.filters.nl2br is not a function

这是包 github 链接 https://github.com/wy-ei/vue-filter#nl2br

Answer 1

你可以使用

• v-html="$options.filters.FILTERNAME(args)" 或
• :inner-html.prop="args | FILTERNAME"。

请参阅下面的演示。

Vue.filter('upper', function (value) {
    return value.toUpperCase();
})

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p v-html="$options.filters.upper(message)"></p>
  
  <p :inner-html.prop="message | upper"></p>
</div>