码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 简单实例 地址选配9 - 确认地址 - 删除地址

时间:2020-04-28 11:21:06      阅读:63      评论:0      收藏:0      [点我收藏+]

标签:drl   div   sid   复制粘贴   代码   style   spl   粘贴   res   

1、给删除图标添加点击事件:

<!-- 删除地址 -->
<a href="javascript:;" class="addr-del-btn" @click="delAddress(index)">
            <svg class="icon icon-del">
                    <use xlink:href="#icon-del" />
            </svg>
</a>

当然一样可以传递 item.addressId

2、delAddress 方法:

// 删除地址
    delAddress(index) {
      this.addrList.map((item, i) => {
        if (index == i) {
          this.addrList.splice(i, 1)
        }
      })
    }

此时点击删除图标可以实现删除地址的功能。

当然我们也可以还用弹出框组件来实现删除功能,因为我们前面写过删除商品的功能,所以我们只需要把代码复制粘贴过来,再修改下就可以了。

Vue 简单实例 地址选配9 - 确认地址 - 删除地址

标签:drl   div   sid   复制粘贴   代码   style   spl   粘贴   res   

原文地址:https://www.cnblogs.com/joe235/p/12706547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!