在这里只简单探讨关于如何将vue过滤器封装到一个文件当中,当然可以封装多个不同类型的过滤器,然后可以在需要使用过滤器的文件当中进行复用,非常的方便。
1.
首先涉及到 filters.vue (引用过滤器的文件),其中MoneyFormat就是一个过滤器,其的写法是写在需要过滤的变量的后面并用"|"隔开,当这么写时就可以将texts这个变量传入到MoneyFormat这个过滤器里进行相应的处理
文件代码:
<template>
<div class="chart-container">
<ul>
<li v-for="texts in text" >{
{
texts | MoneyFormat}}</li>
</ul>
</div>
</template