vue e.currentTarget.dataset怎样获取到点击相对应的内容？

Question

vue html中用 :data-绑定相关值，然后在js中，通过e.currentTarget.dataset.获取该值，按理说是能够获取的，但是却为 undefined 求该怎么获取，路过的大神请指点。

在列表中，通过点击某一条列表进入详情页，要求带cooperationid，而该id的数据结构如图：

下面贴出代码：
html部分：

<div class="connect" v-for="(item,index) in homeContent" :key="index" @click="goDetails($event,index)">
                <div class="one">
                    <div class="flex" v-for="(accountItem,index) in item.account">
                        <div id="left">
                            <img :src="accountItem.imgurl">
                        </div>
                        <div id="middle">
                            <div class="m">
                                <div class="a">
                                    <p id="test">{{accountItem.nickname}}</p>
                                    <div class="p">
                                        <img v-if="accountItem.sex==0" src="img/boy.png">
                                        <img v-else="accountItem.sex==1" src="img/girl.png">
                                    </div>
                                </div>
                                <p id="right">已实名</p>
                            </div>
                            <p id="b">电商商家{{accountItem.platform}}&nbsp;&nbsp;&nbsp;人气：{{accountItem.fanscount}}&nbsp;&nbsp;&nbsp;合作：{{accountItem.cooperaNumber}}</p>
                        </div>
                    </div>

                </div>

                <div class="middle" v-for="(infoItem,index) in item.infolist" :data-cooperationid="infoItem.id">
                    <p>
                        <a href="#" id="a" v-for="(itemLable,index2) in infoItem.labelList"> #{{itemLable.name}}# </a>
                        <a href="#" id="b">{{infoItem.price}} </a>
                        <a class="inform_c">{{infoItem.id}}</a>
                    </p>

                    <p>{{infoItem.info}}</p>
                    <div class="picture">
                        <div class="a" v-for="(itemImg,index3) in infoItem.imgList">
                            <img :src="itemImg.imgurl">
                        </div>

                    </div>
                </div>

                <div class="last">
                    <div class="a">
                        <img src="img/location.png">
                    </div>
                    <p class="b">{{item.addr}}</p>
                    <p class="c">14分钟前</p>
                </div>
            </div>

vue部分：

goDetails: function(e,index) {
                        let typeid = index + 1;
                        localStorage.setItem("typeid", typeid);
                        console.log(e.currentTarget.dataset.cooperationid);


                    }

运行点击后控制台打印出 e.currentTarget.dataset.cooperationid 为 undefined 。vue语法我不是很熟悉，但是之前做过微信小程序，大概也差不多，但是这样获取不到被点击id的值，求大神帮忙指点，不胜感激……

Answer 1

https://blog.csdn.net/weixin_34095889/article/details/92421279