草庐IT

another_element

全部标签

Vue3 + Element Plus 按需引入 - 自动导入

文章目录1前言1.1目的1.2最终效果2准备工作3按需引入3.1安装插件3.2修改vite.config.ts文件4其他4.1ElMessageBox使用时报错4.1.1Eslint报错:'ElMessageBox'isnotdefined.eslint(no-undef)4.1.2TS报错:Cannotfindname'ElMessageBox'4.2ElMessageBox弹框样式未生效4.3图标使用1前言1.1目的ElementPlus使用按需引入,大大缩小打包后的文件大小1.2最终效果自动生成components.d.ts文件,并在文件中引入ElementPlus组件自动生成compo

Element UI中el-tree 添加右键菜单的方法,附带问题和解决方案

1、在el-tree中添加方法 @node-contextmenu="rightClick"2、建立一个右键组件,可以使用el-menu组件,优点是,可以借助el-menu的selec方法进行增删改查以及样式不用手写了,弊端是不容易获取点击的Dom,先暂时这样写吧新增课时删除3、methods中的写法rightClick(e,data,node){this.menuShow=false//先把模态框关死,目的是第二次或者第n次右键鼠标的时候它默认的是truethis.menuShow=truee.preventDefault()//关闭浏览器右键默认事件this.rightMenu={top:

Element UI Table常用使用方法(header-cell-style;表头中的全选框取消;单选互斥功能;自动勾选toggleRowSelection方法)

1.header-cell-style使用方法header-cell-style方法是改变表格头部样式的内置属性,可以配置表头的样式:header-cell-style="{background:'#f3f6fd',color:'#555'}"2.表格的type="selection"的使用方法,将表头中的全选框取消el-table-columntype="selection">/el-table-column>当el-table增加改属性后会增加全选功能,需求是将表头中的全选框取消,下面的css代码需要放在App.vue中。在组件的style中不生效.el-table__header.el-

推荐一款 Redis 可视化管理工具——Another Redis Desktop Manager

文章目录:pushpin:简介:clipboard:基础配置基础设置:pencil2:使用方法1.连接Redis实例2.监控Redis性能3.执行Redis命令:tada:下载安装1.下载地址2.安装📌简介Redis是一种快速、高效的NoSQL数据库,广泛用于缓存、会话管理、消息队列等领域。为了更方便地管理Redis实例、监控Redis性能、执行Redis命令、查看Redis数据,许多开发者使用可视化管理工具。而其中,AnotherRedisDesktopManager是一款备受推崇的Redis可视化管理工具。本文将介绍ARMD的功能和使用方法。兼容Windows、Mac、Linux更快、更好

windows - Qt + MinGW + another undefined reference to `WinMain@16' 问题

我知道,我搜索了整个互联网以找出问题所在,但到目前为止没有任何帮助。我在Windows7上,使用:Qt4.8.3:https://download.qt.io/archive/qt/4.8/4.8.3/qt-win-opensource-4.8.3-mingw.exeMinGW324.4.0:http://nosymbolfound.blogspot.com/2012/12/since-until-now-qt-under-windows-is.html我可以使用QtCreator编译任何Qt演示示例,所以我相信我的系统运行良好。在尝试编译程序时,我遇到了一个众所周知的问题:g++-e

macOS 安装 AutoDeskCAD 时错误提示 The directory may be locked by another process or have been set Read Only

一、错误提示:ThedirectorymaybelockedbyanotherprocessorhavebeensetReadOnly.Directory:‘Users/kyle/Library/ApplicationSupport/Autodesk/AutoCAD2021’PleasecorrectthisproblemandpressOKtoexittheapplication.截图:二、原因我看了下这个文件夹,里面是没有提示中的那个AutoCAD2021这个文件夹的。少了这个文件夹就添加这个文件夹,再启动程序,如果还提示有误就再补全对应的文件夹。一次次试下来之后,我的这个是这样的:你需要

element UI级联选择器---动态加载数据,动态控制二级面板的显示与隐藏

 一级数据列表是在页面初始化的时候调用接口返回的数据;二级数据列表需要在获取到一级数据id的时候调用接口得到数据进行列表渲染;问题:使用了el-cascader后发现如果第一次点击父级A获取到二级数据,并且二级面板显示,第二次点击父级B获取到二级数据为[],此时二级面板不仅没有隐藏,同时展示的仍然是父级A的二级数据;解决方法:获取到二级面板的元素,通过方法进行display的显示与隐藏;{{data.label}data(){return{hostProps:{lazy:true,checkStrictly:true,lazyLoad:(node,resolve)=>{if(node.data

element-plus官网访问太慢 下载文档到本地部署 实现快速查阅

我只是吐槽下element基于githuppages这个部署文档地址本来访问就慢,然后吧这个文档看的人还很多,导致更慢了经常卡半天才出来文档地址文档地址:https://github.com/element-plus/element-plus/tree/gh-pages文档的地址(你直接下载下来想跑起来的话可能需要更改文档的路径地址,最方便的就是下载一个nginx进行部署,这个也是前端同学应该学会的东西)下载到本地之后,然后下载一个nginx我这里以mac为例子哈在vi/usr/local/etc/nginx/nginx.conf获取当前的文件路径pwd然后拷贝下location/root:那

【Element UI】解决 el-dialog 弹框组件设置 custom-class 样式不生效问题

文章目录问题描述解决方法问题描述template> el-dialogclass="myDialog"v-model="show"title="弹窗"custom-class="customDialog"> div>弹窗内容div> el-dialog>template>script> //省略。。。。script>stylelang="less"scoped>/*此次设置弹窗高度并不生效*/.customDialog>.el-dialog__body{height:85vh;}style>解决方法去除scoped标识template> el-dialogclass="myDialog"v-

vue element ui el-table单元格里面显示多张图片点击并放大

效果图:一个单元格里面显示三张图片,并且点击图片可以放大。1.将图片v-for渲染出来,具体上代码注:el-popover的属性  2.单元格里能够展示多张图片,需要在请求的接口里面做处理getList(){this.loading=true;listPosts(this.queryParams).then(response=>{this.total=response.total;for(letindexinresponse.rows){response.rows[index].postImages=response.rows[index].postImages.split(',')//后端返