如何解决Vuejs 2中同一页面上的搜索栏和复选框过滤器

Question

下面是我正在处理的接口代码。

工作.vue

            <div class="job-filter">
                <div >
                    <div class="radio-check" v-for="(check, index) in checks" :key="index">
                        <input type="radio" :id="index"  name="fav_language" :value="check" v-model="selected" >
                        <label  :for="index">{{check}}</label><br>
                    </div>
                   
                </div>
            </div>
            <div class="search">
                <div>
                    <h5>22 tin tuyển dụng</h5>
                    <div class="search-input">
                        <input type="search" placeholder="Enter key search">
                        <button @click="search" ><img src="../assets/recruit/search.svg" alt=""></button>
                    </div>
                </div>
                <div class="job-item"  v-for="(item, index) in filtered" :key="index">
               <a href=""><h3 class="mleft-27">{{item.position}}</h3></a>     
                    <div class="job-info flex-wrap">
                        <div>
                            <div>
                                <b>{{item.exprerience}}</b>
                                <b>{{item.salary}}</b>
                                <b>{{item.headequarters}}</b>
                            </div>
                        </div>
                        <div>
                            <h6>{{item.createdAt}}</h6>
                        </div>
                    </div>

下面是我正在研究的逻辑算法，但它只解决了复选框过滤器的每个部分，我已经使用复选框编写了一个过滤器函数，但我还不能处理搜索栏......这是逻辑代码：

export default {
    name: 'jobs',   
    data(){
        return{
             checks:['All','Developer','Tester', 'Designer', 'Support',],
             infojobs:[{
                        genres: 'Developer',
                        position:'Senior Java Engineer, Big Data',
                        exprerience:'3-5 Years',
                        salary:'',
                        headequarters:'',
                        content1:'',
                        content2:'',
                        content3:'',
                        createdAt: ""
                       },

                       {
                        genres: 'Designer',
                        position:'Creative professional designer ',
                        exprerience:'1-3 Years',
                        salary:'',
                        headequarters:'',
                        content1:'',
                        content2:'',
                        content3:'',
                        createdAt: ""
                        },
                ],
                selected: 'All',
                
                 
        }
    },
    computed: {
            filtered() {
                console.log(this.selected)
                if(this.selected=='All'){
                    return this.infojobs
                }
                else{ 
                return this.infojobs.filter(i => i.genres === this.selected)
                }
        },            
  },   
                
    methods:{

  },
 
}

我想要的是搜索栏和复选框一起过滤内容，希望能得到您的帮助，非常感谢。