vue详情页面菜单 后拼接数据编号

项目遇到需求，因为有两个任务详情列表，所以想区分一下两个详情页面，在任务列表--详情 的任务详情页面拼接它的任务编号。  有共同需求的同学可以参考下。

 1.首先在store--module--common.js中定义tableId   (名称自己定义)  。

然后在mutations中写方法存储。

 

setStore方法是在store.js中定义的。

2.在任务列表页面 将id传过去。processNo是我任务编号的字段名，换成自己想传的字段名。

 3.在tag.js (标签页面)中引入store .并在mutations里将编号拼接到任务详情后面。

 

 最后就完成啦。

注意：如果遇到这种情况，每点击一次别的页面，再点击详情页面时会增加一个标签，如下图

可以在tag.js中做一下判断。