diff --git a/列表过滤/列表过滤.html b/列表过滤/列表过滤.html
index e7831fe..4f79f5e 100644
--- a/列表过滤/列表过滤.html
+++ b/列表过滤/列表过滤.html
@@ -2,8 +2,8 @@
* @Author: Kane
* @Date: 2022-05-24 21:47:36
* @LastEditors: Kane
- * @LastEditTime: 2022-05-24 22:12:10
- * @FilePath: \vue学习\列表过滤\列表过滤.html
+ * @LastEditTime: 2022-05-25 11:01:43
+ * @FilePath: \vue.js学习\列表过滤\列表过滤.html
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
@@ -27,7 +27,7 @@
- -
+
-
姓名:{{person.name}} - 性别:{{person.sex}} -
年龄:{{person.age}}
@@ -58,12 +58,20 @@
{ id: "003", name: "周杰伦", sex: "男", age: 33 },
{ id: "004", name: "温兆伦", sex: "男", age: 52 },
],
+ nameFilter: "",
},
methods: {
filteName: function () {
console.log("过滤名字");
},
},
+ computed: {
+ filteredPersonList() {
+ return this.personsList.filter((p) => {
+ return p.name.indexOf(this.nameFilter) != -1;
+ });
+ },
+ },
});