首先为标签添加一个closable属性,就变成了可移除的标签。
基础标签后面没有小叉号,可移除的标签后面有一个小叉号,,添加closable属性后,如下图所示。
tag标签上提供了一个close事件,当我们单击后面的叉号小图标后,会立即相应close事件处理函数所以我们要为其绑定一个事件处理函数removeRightById。然后在methods中定义该函数,最后在该事件处理函数中弹框提示用户是否确定删除。
点击确定按钮的时候,根据规定的请求路径和方法删除权限,此处的请求路径为反引号内的路径,请求方法为delete方法,判断状态码是否为200,不等于200表示删除失败,提示删除失败的信息,等于200则表示删除成功,重新获取用户的权限列表。