vue3-搭配ant design vue
沉醉何欢凉
开始学习的菜鸟
展开
-
Vue搭配ant design vue 以及VbenAdmin框架的项目实现记录是置顶状态的话显示不一样的背景色
(3)将动态判断是否要显示底色的方法rowClassName返回给BasicTable的rowClassName显示最终效果。(1)定义一个方法rowClassName获取当前行的数据,去判断该条记录是否为置顶状态。(2)要将原本的BasicTable自带的斑马纹以及底色都取消掉。原创 2023-10-10 15:18:47 · 176 阅读 · 0 评论 -
登录系统显示隐藏菜单的分析页并且要能将其固定住无法关闭
更改首页路由原创 2023-09-26 15:40:33 · 89 阅读 · 0 评论 -
Vue-Vben-Admin在vue3项目中的全局水印封装方法
在实现公司oa系统的过程中,碰到一个功能点就是要给系统加上全局水印,同事将这个水印功能封装实现了,现在此将功能文件记录下来,方便后续继续跟进学习。原创 2023-07-03 15:23:29 · 203 阅读 · 0 评论 -
vue3+ant design vue项目实现自动生成随机密码
通过以上步骤:当点击“生成随机密码”时,就可以获取并赋值随机密码。(2)将这个封装好的生成随机密码的组件引入要需要该功能的页面。在setup的components中暴露出来。在template中使用它。原创 2023-06-02 14:36:54 · 358 阅读 · 0 评论 -
vue3+ant3点击“重置”按钮取消选中左侧树选中节点
vue3+ant3点击“重置”按钮取消选中左侧树选中节点原创 2023-05-20 17:48:35 · 638 阅读 · 0 评论 -
vue3项目-子页面调用父页面方法
(1)在父页面中定义一个关闭弹窗的方法---closedModal,其中所引入的关闭弹窗触发事件从useModalInner中引入(封装好可以直接使用的)今天碰到一个功能点是要能让子页面调用到父页面所定义好的方法,从而实现子页面通过调用到的父页面的方法可以成功实现。这样子就能实现子页面调用父页面封装好的关闭弹窗方法了。原创 2023-05-09 11:43:53 · 746 阅读 · 0 评论 -
ant design vue的table清空选择
ant design vue的table清空选中的实现过程原创 2023-05-05 16:50:50 · 1455 阅读 · 0 评论 -
设置表格合并相同公司名称行并且同公司名称的能显示同样颜色的斑马纹样式
因为处理是否有相同进行合并的TableAllMergeRows()函数需要有两个参数:一个是获取到的要进行处理的数据data,一个是要判断是否合并行的关键keys,因此就在要渲染效果的页面中指定了如上的参数,关键keys是‘companyId’(当然后续自己需要啥给他给成啥就可以,还可以多个),然后将获取到的res和定义好的keys传给TableAllMergeRows(),便可以准确得到合并行之后的数据。在公司项目的公共文件夹下面有一个已经定义好的合并行设置斑马纹显示样式的方法。原创 2023-04-28 14:31:34 · 217 阅读 · 0 评论