草庐IT

el-dialog

全部标签

Vue + Element UI el-table + sortablejs 行、列拖拽排序

实现ElementUI中的el-table表格组件的行和列的拖拽排序使用Vue3+ElementPlusUI+sortablejs安装sortablejspnpminstallsortablejs行拖拽基本实现效果scriptsetup>import{onMounted,ref}from"vue";importSortablefrom"sortablejs";consttableData=ref([{id:1,date:"2016-05-02",name:"王小虎111",age:21,address:"上海市普陀区金沙江路1518弄",},{id:2,date:"2016-05-04",na

从纸dialog-聚合物中卸下App-Toolbar的顶部填充物

对于我的一生,我似乎无法从最高的顶部删除愚蠢的余地paper-dialog当我在顶部有一个应用程序栏时。我设法将其排序div通过使用margin-top:0px;,但我不能为app-toolbar.Chrome上开发人员模式下的罪魁祸首似乎是这条线,但我无法理解...代码paper-dialog{border-radius:2px;}app-toolbar{background:green;margin-top:0px;}.card-content{margin-top:0px;}Login看答案尝试添加:padding-top:0px;margin-top:0px;到您的CSS进行纸质纸或包

Electron实战(二):将Node.js和UI能力(app/BrowserWindow/dialog)等注入html

文章目录设置webPreferences参数安装`@electron/remote`main进程中初始化html中使用dialog踩坑参考文档上一篇:Electron实战(一):环境搭建/HelloWorld/打包exe设置webPreferences参数为了能够在html/js中访问Node.js提供fs等模块,需要在newBrowserWindow(config)的时候,设置一些参数://LuckyTools/index.jsconstmainWindow=newBrowserWindow({icon:iconPath,width:800,height:600,webPreferences

Vue3+Element Plus 关于Dialog弹出Form表单,使用resetFields重置无效的解决

主要参考了element-plus官方的表单重置按钮(官方Form例子任意reset按钮),然后试了试他的ref绑定,发现可以完美解决重置问题。第一步:给Form表单绑定ref。绑定ref 的值为ref();这里注意表单el-form-item必须有prop属性。取消提交constdata=reactive({userDialog:ref(false),dialogSubmitStatus:"",user:{id:null,userCode:"",userNameCn:"",deptId:"",roleId:null,phone:"",deptName:"",roleName:""},user

SpringBoot:@Profile注解和Spring EL

🏡浩泽学编程:个人主页 🔥推荐专栏:《深入浅出SpringBoot》《java对AI的调用开发》              《RabbitMQ》《Spring》《SpringMVC》🛸学无止境,不骄不躁,知行合一文章目录前言一、@Profile注解使用(1)@Prifile修饰类(2)@Profile修饰方法(3)@Profile修饰注解(4)启动激活资源配置文件二、SpringEL总结前言本篇文章主要讲诉多环境注入适应不同场景问题和SpringEL。一、@Profile在企业开发的过程中,项目往往要面临开发环境、测试环境、准生产环境(用于模拟真实生产环境部署所用〉和生产环境等的切换,所以在企

Element Plus的el-tree-select组件,懒加载 + 数据回显

目录一、背景说明二、使用1.dom2.methods三、回显一、背景说明技术:Vue3+ElementPlus需求:在选择组织机构时以树结构下拉展示。用到组件:TreeSelect树形选择组件(el-tree-select)官网文档地址:https://element-plus.gitee.io/zh-CN/component/tree-select.htmlhttps://element-plus.gitee.io/zh-CN/component/tree.html简要说明:el-tree-select组件是el-tree和el-select的结合体,他们的原始属性未被更改,故具体属性、方法

UF_UI_select_with_single_dialog()通过单选对话框选择单个对象。对象可以通过光标或输入名称进行选择。对象被突显出来。

 intresponse=0;//返回用户操作类型,点了哪一种返回取消或者确定 tag_tobjtag=NULL_TAG;//输出选择对象tag; doublecursor[3];//输出光标位置 tag_tview_tag=NULL_TAG;//输出视图tag; UF_UI_select_with_single_dialog("请选择一个对象","获取对象类型",UF_UI_SEL_SCOPE_ANY_IN_ASSEMBLY,NULL,NULL,&response,&objtag,cursor,&view_tag); if(objtag!=NULL) { inttype=0; intsu

el-checkbox-group 点击box 没反应,无法取消勾选(记一次debug的思路)

今天工作时,碰到了项目代码中一个bug,表现出来的效果是:el-checkbox-group点击box没反应,无法取消勾选。也就是box默认是被勾选上的,但是点击取消勾选却没反应。问题看起来还是比较奇怪,当然,最后bug还是被找出来了,这篇文章就来记录和分享一下我找问题的思路:猜想checkbox是设置了啥属性不准点?但是,印象中如果不能点只有disable样式吧,然后代码中发现并没有这种属性,所以这种可能性排除。看看点击change事件有没有被触发。咦,事件是有被触发的,所以按理说,取消勾选应该是有效果的,但是现在实际情况是没有效果,所以我的想法是,这个checkbox对应的数据,又被添加了

elementUI之el-form-item的嵌套的场景

像这种,计费规则这几个字而且带红点,外观上是el-form-item,但是其并没有直接和控件进行相关联,这是和其他的el-form-item不同之处。所以这里就得用上嵌套了。也就是说elementUI中el-form-item是可以嵌套使用的。

Vue使用Element UI自带的滑动组件el-scrollbar

PS:这个组件在官方文档中没有,但是可以直接使用;参考下面例子-->1.需要注意的是,height和width都要是100%2.需要再使用的地方样式覆写.el-scrollbar__wrap {  overflow-x: hidden;}注意PS: 这么做,会引发select组件,无法显示完全此时需要覆写样式.el-select-dropdown .el-scrollbar .el-scrollbar__wrap {  overflow: scroll !important;}