Laravel 在Vue中的道具的多个方面使用.includes来构建搜索
我试图创建一个非常基本的模糊搜索,使用道具中对象的值。下面的搜索工作正常,但只检查Laravel 在Vue中的道具的多个方面使用.includes来构建搜索,laravel,vue.js,search,Laravel,Vue.js,Search,我试图创建一个非常基本的模糊搜索,使用道具中对象的值。下面的搜索工作正常,但只检查speciality.name 我如何修改它,使其不仅可以检查candidate.speciality.name,还可以检查candidate内部的其他值?i、 e.我将如何进行检查,例如candiate.firstname和候选人.speciality? 剧本 模板 <template> <div> <input type="text" v-model
speciality.name
我如何修改它,使其不仅可以检查candidate.speciality.name
,还可以检查candidate
内部的其他值?i、 e.我将如何进行检查,例如candiate.firstname
和候选人.speciality
?
剧本
模板
<template>
<div>
<input type="text" v-model="search">
<div v-for="candidate in filteredList" :key="candidate.id">
<admin-profile-entry :candidate="candidate" :speciality="candidate.speciality.name"></admin-profile-entry>
</div>
</div>
提前感谢。在计算属性中使用
或条件:
filteredList(){
const searchTerm=this.search.toLowerCase()
返回此.profiles.filter(候选=>{
返回candidate.speciality.name.toLowerCase().includes(searchTerm)||
candidate.firstname.toLowerCase().includes(搜索术语)
})
}
哦,天哪,他妈的发疯了。。。你难道不喜欢它这么简单吗!我觉得自己很愚蠢。非常感谢。
<template>
<div>
<input type="text" v-model="search">
<div v-for="candidate in filteredList" :key="candidate.id">
<admin-profile-entry :candidate="candidate" :speciality="candidate.speciality.name"></admin-profile-entry>
</div>
</div>