栗子: 請求回來的數據格式為 :
data:[
{
id:1, time: '2020-08-08', value:'搜索內容1',
},
{
id:2, time: '2020-08-18', value:'搜索內容12',
},
{
id:3, time: '2020-08-28', value:'搜索內容123',
},
]
1. 前端進行搜索 在input框輸入想搜索的文本 栗子 : this.form.search = '' 在data中實現雙向綁定
2. 在搜索完,調用方法, @change = ' searchText '
3. searchText ( ) {
// 把請求回來的數組 過濾一遍
var arr1 = this.data.filter((item)=>{
return item.value.indexOf(this.from.search) != -1
// 在數據中 找到返回搜索文字的item項 成新的數組 arr1
}) }
再把篩選后的數組arr1 賦值給 表格綁定的數組
A indexOf B // js 判斷字符串A中是否包含字符串B
Object.values() // 對象的value以數組的形式展示 栗子 [2,'2020-08-18','搜索內容1']
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
arr.slice(2,4) // Thomas James 從start開始 包括start開始截取, end結束 不包括end
arr.splice(2,0,'新增') 從start開始 刪除 end個數 再在數組中增加 '新增' 這一項 數組轉字符串
toString() 強轉
parseInt() 字符串轉數值 number