1. 程式人生 > 其它 >vue/cli /vant 怎麼實現搜尋商品

vue/cli /vant 怎麼實現搜尋商品

1,寫好goodsinfo介面在created生命周裡呼叫一次這個介面表明頁面一開啟就會有根據條件請求的資料

在json-server裡面搜尋商品有幾個單詞要記住 ,第一是_sort排序的欄位一般是資料庫的欄位比如id ,第二是 _order:"asc" 升序 _order:"desc" 降序,第三是_page顯示第幾頁,第四是_limit一頁顯示幾條資料

2,使用監聽屬性監聽order key type sort的改變情況只要發生改變就請求資料 在methods方法裡面寫一個serch()方法用來查詢對應的商品這個個方法裡面呼叫goodsinfoModel這個介面

這個介面對應一個方法query(params) 注意params是一個動態物件 這個物件裡放幾個要根據什麼條件查詢 要_page _limit _sort _order type 這個type要進行判斷因為在點選全部的時候type為0就不會顯示所有的資料,當type不為0就把type放進這個物件裡面 為0就不放 ,params物件裡就沒有這個屬性此時會顯示所有的資料 因為query()沒有引數就表明查詢所有 axios成功之後就行list賦值