Vue开发遇坑记--van-tab有/无唯一值获取当前点击的对象

需求：

1. missionList数组中为每个任务对象 ，循环生成van-tab，根据数组中的任务名 作为tab的title
2. 点击tab的时候拿到当前tab 绑定的对象or的对象某个属性值【属性值不唯一】

一个tab下内容重复出现多次

💬 如每个任务对象obj中有一个taskType值为1,2,3来区分3种任务类型， 多个任务但类型值会重复，所以绑定的name值重复 会造成一个tab下重复显示tab内容的现象..

有/无唯一值的情况下获取当前点击的对象

❓ van-tabs绑定的事件change或者click只能拿到name和title， title作为tab名字已经用了，name绑定tasktype会重复。那么该怎么拿到当前点击的对象里的任务类型tasktype的值呢..

✅思路1：无唯一值的情况
切换点击的时候拿到index，去数组中拿对应的index对象 赋值给currentTabObj存储；
初始化数据的时候 拿到arr就存第一个到currentTabObj

✅ 思路2:有唯一值的情况
如果对象中有唯一值，比如每个对象都有唯一的任务id，那么让name绑定唯一值，之后去全部数组中找到id一样的 就是当前点击的对象