vue.js 中的{{数据}}可以实现字符串操作么？

问题描述

问 题

{{ProContent}}绑定了一个数据：

<img src=~/upload/201603/30/201603301629091673.jpg~ alt=~~ />'

有没有办法把这个字符串里~替换成"呢？
就想这样的原理：{{ProContent.replace('~','"')}}

解决方案

<div id="demo" v-html="ProContent | replace">
</div>
<script>
    Vue.filter('replace', function (input) {
        return input.replace(/~/g, '"')
    })

    var vm = new Vue({
        el: '#demo',
        data: {
            ProContent: "<img src=~/upload/201603/30/201603301629091673.jpg~ alt=~~ />",
        }
    })
</script>

这篇关于vue.js 中的{{数据}}可以实现字符串操作么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！