![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
专业写bug副业写代码
这个作者很懒,什么都没留下…
展开
-
为tag标签增加删除的小图标
首先为标签添加一个closable属性,就变成了可移除的标签。基础标签后面没有小叉号,可移除的标签后面有一个小叉号,,添加closable属性后,如下图所示。tag标签上提供了一个close事件,当我们单击后面的叉号小图标后,会立即相应close事件处理函数所以我们要为其绑定一个事件处理函数removeRightById。然后在methods中定义该函数,最后在该事件处理函数中弹框提示用户是否确定删除。点击确定按钮的时候,根据规定的请求路径和方法删除权限,此处的请求路径为反引号内的路径,原创 2022-05-20 22:22:55 · 1187 阅读 · 0 评论 -
三级权限的渲染总结5.19
通过作用域插槽拿到scope.row的数据,也就是当前角色下的所有数据。通过.children属性拿到一级权限,通过第一个for循环,把每一个一级权限渲染为一个tag标签。然后让每一个一级权限独占一行,左边一级权限占五列,右边二级和三级权限占剩下的19列。然后在第一层for循环中嵌套第二次for循环,渲染所有的二级权限,然后让二级权限占左边的六列,三级权限占右边的18列。(过程中嵌套比较多,注意把相应代码写到对应标签内)动态绑定的样式如下效果图如下...原创 2022-05-19 17:12:56 · 164 阅读 · 0 评论 -
弹出Dialog对话框5.18
点击相应按钮,弹出Dialog对话框。首先为该按钮绑定一个单击事件,然后在methods中对该函数事件进行处理。先对要弹出的对话框进行简单的处理。该对话框默认是隐藏状态,所以在data中默认setRightDialogVisible为false。单击分配权限按钮时,展示该对话框,在单击事件处理中,首先打开该对话框,将setRightDialogVisible置为true。这时点击按钮,就会弹出下图所示对话框。...原创 2022-05-18 23:41:30 · 594 阅读 · 0 评论 -
vue学习笔记
vue学习笔记1.环境配置原创 2022-02-07 18:31:18 · 772 阅读 · 0 评论