在页面上方使用四个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;
}