vue之过滤器的用法

一、概念

Vue.js 允许自定义过滤器,可被用作一些常见的文本格式化。

过滤器可以用在两个地方: 插值表达式和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道符“   ‘  | ’  指示

二、用法

这里使用文本替换对过滤器做一个基础的分析。

<body>
    <div id="aaa">
        <p>{{text | textData('') }}</p>
    </div>
    
</body>
</html>
<script src="vue-2.4.0.js"></script>
<script>    
//定义全局过滤器 Vue.filter(
'textData', function(text,arr){ //第一个参数是要进行修改的字符,第二个参数是接收的传过来的新的参数 // return text.replace('云',arr) //只查询到第一个符合条件的字符,然后返回新的值。 return text.replace(/云/g , arr) //查询到所有符合条件的字符,返回传过来的新的参数 }); var guilt = new Vue({ el: '#aaa', data:{ text:'我是一朵云,云儿飘在天空,洁白的云朵' }, methods:{ } }) </script>

猜你喜欢

转载自www.cnblogs.com/starwei/p/12608861.html