在頁面上方使用四個link來控制頁面內容的條件展示,可展示不同搜索條件下的內容。
可用js實現
首先在狀態機裏定義:
stateArr: [
{'id':1,'state':false},
{'id':2,'state':false},
{'id':3,'state':false},
{'id':4,'state':false},
],
點擊link時調用onclick方法,在該方法內判斷參數id【此處傳遞參數1、2、3、4來表示四個link】
if(stateArr[num-1].state == false){
const params = {
id: id,
};
dispatch({
type: 'list/getList',
payload: params,
});
stateArr[num-1].state= true;
}else{
// todo 展示全部list
stateArr[num-1].state= false;
}