一、概念
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>