1：準(zhǔn)備數(shù)據(jù)：

data () {return {//主要搜索的對(duì)象數(shù)組questionArrayList : {questionName : "",questionValue : ""},//搜索的文本框searchText : ""}},computed: { //設(shè)置計(jì)算屬性}

2：解決過(guò)程：

<div slot="extra"><a-radio-group></a-radio-group><a-input-search @search="searchQuestion" v-model="searchText" style="margin-left: 16px; width: 272px;" /></div>

v-model="searchText"綁定文本框的數(shù)據(jù)，進(jìn)行獲取。

<div slot="extra"><a-radio-group></a-radio-group><a-input-search @search="searchQuestion" v-model="searchText" style="margin-left: 16px; width: 272px;" /></div>

@search="searchQuestion"綁定搜索事件，

search函數(shù)進(jìn)行對(duì)我需要的問(wèn)題對(duì)象數(shù)組進(jìn)行操作。

searchQuestion() {if (!this.searchText) {return this.questionArrayList;}else{return this.questionArrayList.filter((value)=>{return value.questionName.includes(this.searchText)})}}

1：如果輸入框?yàn)榭?#xff0c;我返回原來(lái)的數(shù)組對(duì)象，即不操作，

2：如果輸入框不為空，我進(jìn)行過(guò)濾返回包含文本框的新的對(duì)象集合（原來(lái)的questionArrayList未改變。

總結(jié)

以上是生活随笔為你收集整理的vue简单实现模糊搜索的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。