草庐IT

element-admin

全部标签

element-ui 动态表单

背景:朋友入职新公司,做项目重构,根据后端返回表单内容,动态生成表单,于是自己实现了下,哪里写的不好,欢迎各位提建议:因为开关和多选框默认值是非空字符串,所以在created生命周期单独处理了下exportdefault{name:"Home",components:{},data(){return{form:{},list:[{label:"xxx",type:"input",key:"key1",},{label:"xxx",type:"date-picker",key:"key2",},{label:"xxx",type:"select",key:"key3",select:[{labe

【分页表格】Vue2 + Element UI实现自定义的分页表格组件(自定义Vue组件)

这篇文章,主要介绍Vue2+ElementUI实现自定义的分页表格组件(自定义Vue组件)。目录一、分页表格1.1、运行效果1.2、运行环境1.3、案例代码

element-ui的el-table表格复选框只能单选,不可多选

element的el-table表格复选框只能选中一条,选择下一条,上一条去掉勾选。使用文档中select方法,el-table绑定一个ref。具体代码实现如下data(){return{bill_id:""}},method:{select(selection,row){this.bill_id=row.id;//清除所有勾选项this.$refs.multipleTable.clearSelection()//当表格数据都没有被勾选的时候就返回//主要用于将当前勾选的表格状态清除if(selection.length==0)returnthis.$refs.multipleTable.to

Vue3报错:Failed to resolve component: xx If this is a native custom element, make sure to exclude it f

Vue3报错:Failedtoresolvecomponent:xxxIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOptions.isCustomElement.翻译:无法解析组件:xxx如果这是本机自定义元素,请确保通过compilerOptions.isCustomElement将其从组件解析中排除。网上找了很多博客,都没有解决问题,最后发现是setup没加上scriptsetup>参考:网上有很多出现此报错的原因是import没写对比如importxxfrom'路径'写

element UI组件库el-dialog内程序刷新el-dialog内组件方法

1、牢牢记住,vue是基于JavaScriptES6的,所以只要刷新页面里面data下的数据,页面会自动刷新的。所以这个数据是父页面传给el-dialog的,要刷新父页面的数据,el-dialog页面内的组件就可以刷新了。2、在页面的组件处理后台程序完成后,可以调用that.$parent.$parent.【父页面的方法】来刷新数据。例如:monitorDataService.saveFileToMonitor({updateFile:that.updateFile,monitorId:that.form.monitorId}).then(response=>{//完成后刷新if(respon

Element Black 打造 NFT 新形式

大家好,我是晴天defi,今天给大家分享一款Social-Fi平台游戏Pixel-Infinity。Pixel-Infinity是NFT开发者平台Element.Black目前推出的第一款游戏,Element.Black是一个以明星社交为基础的NFT开发者平台,在这里,用户不仅可以自行创作元宇宙中所有天马行空的虚拟物品,还能通过去中心化存储智能合约来完成用户创作内容的NFT标记和存储,以及通过为名人和粉丝创建的DAO,完成去中心化的社交管道构建。Pixel-Infinity受到Reddit上爆火游戏“像素格子”的启发,并在原始游戏的逻辑基础上新加了区块链技术和Token经济学的概念。Eleme

关闭element UI的弹窗,再次打开显示表单验证提示

打开弹窗,没有填写任何信息,点击保存按钮,触发了表单的验证提示,没有进行任何操作,点击【关闭按钮】或者【取消按钮】关闭弹窗,再次打开弹窗,仍然显示表单的验证提示信息, 解决方法:给el-dialog添加@close事件,给取消按钮添加点击事件,在事件中对表单进行重置操作,即可解决  重置表单this.$refs.dialogForm.resetFields(); 

在vue中element ui 结合frappe-gantt实现一个简单的甘特图功能

在vue中创建甘特图步骤请参考:https://editor.csdn.net/md/?articleId=1301457822.结合elementui实现甘特图功能实现效果:2.1下载elementui因为我是在vue3中,所以下载element-plus执行npmielement-plus--savemain.js里引入elementuiimport{createApp}from'vue'importElementPlusfrom'element-plus';//1.引入组件import'element-plus/theme-chalk/index.css';//2.引入CSSimport

element-ui的树形表格el-table懒加载lazy子节点修改数据后局部刷新

在使用element-ui的树形表格(el-table)懒加载(lazy),并使用了懒加载,出现了一个问题,在对当前节点添加、修改、删除一个子节点数据时,当前节点的子节点数据并不自动刷新出来。element-ui官方没有提供子节点修改数据后局部刷新方法。......删除首先,在data(){}中定义一个maps:newMap();data(){return(){maps:newMap(),dataList:[]}}然后,当数据进行懒加载时把点击的节点数据存储在map中,点击删除时再从map中获取节点数据,进行数据刷新操作。methods:{//懒加载load(tree,treeNode,res

Python Selenium 元素定位错误Message: no such element: Unable to locate element: {“method“:xxx}

PythonSelenium元素定位错误Message:nosuchelement:Unabletolocateelement:{“method“:xxx}报错信息selenium.common.exceptions.NoSuchElementException:Message:nosuchelement:Unabletolocateelement:{"method":"xpath","selector":"绝对路径/相对路径"}1、元素定位错误第一种情况就是你的元素定位表达式错误,根本就没有你表达式定位的这个元素,这时候就需要检查一下自己的表达式有没有写错了。当然这种情况出现的可能性不大,所