自己封装了一个table组件，参数有列头数组，其中定义了要绑定的字段，现在的问题是我需要传递一个过滤器到table组件，传递的是String类型的过滤器名称，但是在子组件里面该如何使用这个过滤器呢？

思路是，父组件里面定义好需要显示的列，以及需要显示的table数据。但是列有很多属性，例如：绑定的字段、用什么过滤器等等；子组件根据不同列的属性定义来具体显示。

这是自定义组件myTable

    name: 'myTable',
    props: {
        tabHeades: Array,
        tabDatas: Array,
    },
    methods: {
        //filterName 需要调用的过滤器名称
        //val 需要使用过滤器的值
        dynamicFilter(filterName, val) {
            //根据过滤器名称得到过滤器方法
            let filterObj = this.$options.filters[filterName]
            //使用过滤器方法
            return filterObj(val)
        }
    },    

//这种调用方式太难看，希望组件里面可以使用 {{ xxx | yesOrNo }} 这种方式来使用过滤器
<span v-if="head.filter">{{ dynamicFilter(head.filter, scope.row[head.key]) }}</span>

调用（父）组件：（里面需要传递很少列，不同的列可能需要指定不同的filter）

    tabHeades: [
        {label: '编号', key: 'id', isHidden: true},
        {label: '是否显示', key: 'IsShow', filter: 'yesOrNo'},//传递该列需要使用的过滤的名称

    ],

目前这个代码是可以得到预期效果的。

但是子组件里面的写法感觉太不好看了，我希望子组件里面可以使用 {{ xxx | yesOrNo }} 这种方式来使用过滤器，该如何修改呢？