Question

vue中如何给遍历生成的标签添加弹出框

<el-menu-item v-for="(threeItem,i) in subItem.subs" :key="i" :index="threeItem.index">
<el-popover placement="right" width="300" trigger="click">
<i class="el-icon-edit" @click="appear()" style="margin-right:20px"></i>
<i class="el-icon-add" ></i>
<i class="el-icon-delete" @click="clicktest(threeItem.title)"></i>
<span slot="reference">{{ threeItem.title }}</span>
<!-- 二级目录 -->
</el-popover>
</el-menu-item>
​我这里写的有点问题，只能包裹span标签，写到外面又要报错。

Answer 1

如果是弹出框，为什么要给每一个都加呢？正常应该是给每一个添加一个点击事件，在点击事件里调用弹框。
请采纳

追问

因为我是要实现这样一个效果

追答

那你现在不是已经加上了吗？还哪里有问题？