草庐IT

span-element

全部标签

Element UI form表单及select下拉框实现动态添加和删除

需求为可动态选择用户及部门,并具备回显功能结合antvx6流程图,实现需求,每个流程图节点均可设置当前节点对应审批部门和用户,部门会签节点可设置多部门多用户,动态添加部门及用户。当前节点已配置人员部门可回显,当前节点已配置人员删除,回显为空。{{title}}{{companyName}}{{projectCompanyName}}{changeDeptId(val,index,item)}">取消确定exportdefault{name:'ViewDeails',components:{},props:{},data(){return{dialogFormVisible:false,//弹框

element-ui控件el-select如何在前面添加icon图标

在element-ui中input可以使用prefix-icon=“el-icon-user”在前面添加icon图标,但是select自己没有该属性。那么如何在element-ui控件el-select前面前面icon图标代码如下(示例):el-selectclearablestyle="width:560px"v-model="userModel.industryClassifyGid"placeholder="所属行业">template#prefix>spanstyle="padding-left:5px;">iclass="el-icon-suitcase">/i>/span>/tem

Element-ui中表格el-table图片预览效果实现(非常实用)

🍊作者:计算机编程-吉哥🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。🍊心愿:点赞👍收藏⭐评论 📝🍅 文末获取源码联系🏆先展示效果:  🏆使用的是下面这个插件噢~v-viewer插件🏆安装部署(重要):1.安装依赖,在项目文件里进行安装安装命令:npminstallv-viewer--save 2.在main.js中写如下:importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css';Vue.use(Viewer); 3.在vue页面用标签包裹着i

npm ERR! Could not resolve dependency:npm ERR! peer vue@“^2.5.17“ from element-ui@2.15.12

一、报错起源在IDEA的控制台输入指令npmielement-ui-S报错:npmERR!Couldnotresolvedependency:npmERR!peervue@"^2.5.17"fromelement-ui@2.15.12二、原因vue3.0不兼容element-ui,于是推出了element-plus三、解决办法1.下载element-plusnpminstallelement-plus--save2.在main.js中引用import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'imp

vue3+element 分片上传 分片下载功能实现

思路:分片上传是把一个大文件切割若干等份,前端循环调用上传接口进行上传。分片下载也是一样的道理,前端调用接口拿到文件总大小,计算分割成多少份,循环调用下载接口获取每一段的文件流,获取全部文件片段,进行合并下载。一、安装依赖用于获取文件的唯一标识,后端会根据此标识判断是否传过这个文件,传过的话就直接返回文件路径,提示上传成功npminstallspark-md5方法封装importSparkMD5from'spark-md5'//获取文件的唯一MD5标识码exportfunctiongetFileMd5(file){returnnewPromise((resolve,reject)=>{cons

运行VUE项目的时候报错-Can‘t resolve ‘element-ui‘、‘vue-router‘

VUE-安装vue-router的时候报错运行VUE项目的时候报错ERRORFailedtocompilewith4errors08:39:32errorin./src/main.jsModulenotfound:Error:Can'tresolve'element-ui'in'E:\program\sally-manage-vue\src'errorin./src/main.jsModulenotfound:Error:Can'tresolve'element-ui/lib/theme-chalk/index.css'in'E:\program\sally-manage-vue\src'er

element-ui for循环生成表单时,表单校验问题

1、静态生成的表单,校验规则是放在data中处理el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm"label-width="100px"class="demo-ruleForm">el-form-itemlabel="密码"prop="pass">el-inputtype="password"v-model="ruleForm.pass"autocomplete="off">/el-input>/el-form-item>/el-form>script>data(){rules:{pass:[{validator:va

element-ui中Tooltip文字提示——el-tooltip的样式修改

修改el-tooltip的背景颜色注意:以下修改都需要在全局样式修改,因为这个组件的层级,并不是在你使用他的地方,而是和你的app同一层级,所以在当前使用的地方找不到tip提示的dom节点。修改提示框中长方形框的背景颜色.el-tooltip__popper{background:rgba(0,0,0,0.65)!important;}修改提示框中的小三角的边框颜色//注意[^=top]是下三角即提示框在上方若提示框在下方则[^=bottom].el-tooltip__popper[x-placement^=top].popper__arrow:after{border-top-color:#

解决element-ui中在tab切换时table出现高度、宽度缩小的问题

解决element-ui中在tab切换时table出现高度、宽度缩小的问题今天我在使用element-ui中的el-tabs组件进行切换时,el-table会出现一个默认高度,导致分页器被挤出去,不显示。以下是解决方案.el-table{ width:100%; display:flex; flex-direction:column; .el-table__body-wrapper{ flex:1; }}

vue-element-admin - 超详细克隆并运行项目教程,完美解决 git clone 克隆项目失败、npm install 装包报错失败、项目运行后打开是英文的汉化等问题(新手小白一看就懂)

前言网上的教程都太乱了,大部分最终都无法成功克隆项目并运行起来。本文站在新手小白的角度,从0-1克隆项目(完美解决了克隆失败的问题)、npminstall装包并配置运行起来,以及界面是英文的汉化等一系列的问题,您可以按照本文的教程,轻松完成vue-element-admin该框架的运行,方便后续进行开发,如下图所示,成功运行后的效果及其目录结构,并且是中文界面。详细教程,只要跟着步骤走就能成功第一步首先就是克隆项目,这块大家有一个误区,请看下面࿰