最近在写看板,要求执行某个操作后更改路由参数,方便用户保存地址以便于下次直接获取对应的数据。
比如:原地址:http://localhost:4200/tvType/out
执行某个操作后,地址变更为:http://localhost:4200/tvType/out?currentStep=BMCL¤tStepName=%E8%A1%A8%E9%9D%A2%E5%A4%84%E7%90%86
下面介绍步骤:
解决步骤1:更改路由参数
执行某个操作后,拿到this.currentStep
和this.currentStepName
参数,然后更改到路由中。
let url = `/tvType/out?currentStep=${this.currentStep}¤tStepName=${this.currentStepName}`;
window.history.replaceState({path: url,},'',url
);
解决步骤2:根据路由获取数据
const { currentStep, currentStepName } = this.$route.query;
this.currentStep = currentStep;
this.currentStepName = currentStepName;
this.getData();//获取数据的接口