vue i18n传递过滤器处理后的参数

需求界面文字需要翻译 一个磁盘空间使用信息 ，(eg:xxx可用,共计xxx)，但是面临各个语言的语法顺序问题，所以这里需要使用i18n参数传递的将使用空间和总空间传入，然后进行国际化。但是后台传递过来的使用空间的用量是以字节为单位的，需要使用过滤器进行容量大小的装换，这就导致了，在i18n传递参数中，需要使用过滤器先处理数据的问题。

1. 模版里面使用$options.filters['过滤器名'](参数) 代替 参数|过滤器名字的形式

 <dd class="txt">
            <!-- xxx可用,共计xxx -->
            {{
              $t('target.sizeinfo', {
                free: $options.filters['sizeF'](item.sizeTotal - item.sizeUsed),
                total: $options.filters['sizeF'](item.sizeTotal)
              })
            }}
   </dd>

2. 翻译文件中，使用传递过了来的参数。

'target.sizeinfo': '{free}可用，共计{total}',

3. 最后效果如下

   
   
   image.png