Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Laravel 在Vue中的道具的多个方面使用.includes来构建搜索_Laravel_Vue.js_Search - Fatal编程技术网

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>