美文网首页
vue2.0不再支持v-html中使用过滤器了怎么办?

vue2.0不再支持v-html中使用过滤器了怎么办?

作者: 死敲代码的 | 来源:发表于2020-01-03 13:30 被阅读0次
  1. methods中定义方法
<template>
    <div class="home" v-html="htmlFilter(html)"></div>
</template>

<script>
    export default {
        data() {
            return{
                html: "a、bc、defg"   
            }
        },
        methods:{
            /*去除所有的顿号*/
            htmlFilter(htmlString){
                return htmlString.split('、').join('');
            }
        }
    }
</script>
  1. computed
<template>
    <div class="home" v-html="newHtml"></div>
</template>

<script>
    export default {
        data() {
            return{
                html: "a、bc、defg"   
            }
        },
        computed:{
            newHtml(){
                return this.html.split('、').join('');
            }
        }
    }
</script>

相关文章

  • vue2.0不再支持v-html中使用过滤器了怎么办?

    methods中定义方法 computed

  • AngularJs过滤器

    在AngularJS中使用过滤器格式化展示数据,在“{{}}”中使用“|”来调用过滤器,使用“:”传递参数。 1、...

  • Vue中改变v-html渲染出来的样式

    在vue2.0中使用v-html渲染时有可能我门会需要微调一下样式,今天在使用v-html时候发现一个问题,渲染出...

  • Vue2.0中Filter的使用问题

    vue2.0里,不再有自带的过滤器,需要自己定义过滤器 在 Vue1.0 中内置了几种实用的过滤器函数如 uppe...

  • Vue过滤器

    vue2.0取消了自带的过滤器,只能自定义过滤器

  • vue过滤器的使用

    过滤器的介绍: 1、在Vue中使用过滤器(Filters)来渲染数据是一种很有趣的方式。2、首先我们要知道,Vue...

  • vue - 定义和使用过滤器filter

    一、过滤器的介绍 1、在Vue中使用过滤器(Filters)来渲染数据是一种很有趣的方式。2、首先我们要知道,Vu...

  • vue自定义过滤器

    vue2.0废弃了内置过滤器,允许自定义过滤器。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后...

  • Vue2.0系列(六)过滤器

    vue2.0已经废弃了过滤器,需要自定义过滤器,用于一些常见的文本格式化。感觉超级好用!! 过滤器可以用在两个地方...

  • vue2.0和1.0的区别

    vue2.0跟1.0差别:(总体变化不大) 1.关于过滤器: 2.0移除了自带过滤器,但是保留了自定义过滤器的功能...

网友评论

      本文标题:vue2.0不再支持v-html中使用过滤器了怎么办?

      本文链接:https://www.haomeiwen.com/subject/faezoctx.html