首页 > 其他 > 详细

elementui中Tag标签点击右上角不能关闭的原因

时间:2020-03-06 23:19:12      阅读:541      评论:0      收藏:0      [点我收藏+]

需要添加一个关闭事件的函数:

//addresseeData存储了所有的tag标签
<div class="addressee-center">
  el-tag
   @close="handleClose(tag)"
   v-for="tag in addresseeData"
   :key="tag.name"
   closable="true"
   type
  >{{tag.name}}</el-tag>
</div>  

//删除收件栏中的名字
handleClose(tag) {
  this.addresseeData.splice(this.addresseeData.indexOf(tag), 1);
},

只写closable这个只是在tag标签右边添加一个删除的小按钮 而不能真正的删除,必须写个函数

elementui中Tag标签点击右上角不能关闭的原因

原文:https://www.cnblogs.com/my466879168/p/12431069.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!