Vue3 模糊搜索

1、

<input type="text" v-model="value" />

<button @click="ss">搜索</button>

搜索框加按钮搜索

2

const data = reactive({

      value: "",

 });

const ss = () =>{

      commit("ss",data.value)

    }

3、vuex内的代码 ，includes模糊查询

ss(state, val) {

      state.list = state.datalist.filter((i) => i.title.includes(val))

    }

注意事项：

搜索时要备份一下数据，否则数据会消失