ElementUi表单设计器

elementUI 表格宽度自适应、不换行

问题表格数据出现折行，如图：image.png解决方案一表格加table-layout='auto’属性表格加tableAuto类名el-table-column标签不设置宽度//设置超出不折行.tableAuto.el-table.cell{white-space:nowrap;}弊端：1.el-table-column左侧多个列加fixed属性，左右滑动，列宽得提前计算2.el-table设置
一只佛手·2023-08-06 05:34

vue、elementUI 的弹窗表单最佳实践

弹窗表单基于vue+element-ui的弹窗表单最佳实践数据回显数据回显主要分为两种情况，一种是通过在弹窗组件里面去调用详情接口回显数据，一种是从父组件中传值回显。调用接口获取详情回显数据—在组件调用的地方给一个判断，避免在父组件初始化时就调用弹窗里的详情接口。props父组件向子组件传值用ref从父组件操作子组件方法注：通过ref传值，由于传的值是在方法里拿到的，而不是在子组件初始化时拿到的数
猿媛相报何时了·2023-08-06 03:26

Vue框架 elementUi之消息提醒和弹窗

1.重复多次的消息提醒this.message.closeAll();this.message.closeAll();this.message.closeAll();this.message({type:‘success’,message:‘删除成功!’});this.notify.closeAll();this.notify.closeAll();this.notify.closeAll();t
树林里的猴子·2023-08-06 03:56

elementui弹窗页按钮重复提交问题解决

一、BUG场景ruoyi平台，页面弹出窗有提交按钮，在提交时连续多次点击会发生重复提交。二、错误方案给按钮增加:loading="submitLoading"属性。提交data(){return{open:false,submitLoading:false,}},methods:{cancel(){this.open=false;this.submitLoading=false;},/**提交按钮
全能打工人·2023-08-06 03:55

【vue】初探vue，创建vue项目

市面上有很多比较好用的基于vue的前端组件库，比如面向app的饿了么MintUI，面向腾讯微信内网页和微信小程序的WeUI，服务于pc界面的iViewUI，面向所有层次的layUI，还有现在即将要学习的饿了么推出的ElementUI
高老庄里的高小翠·2023-08-06 01:23

el-table如何实现筛选功能，以及filters,filter_method详解

在ElementUI的el-table组件中，提供了一个el-table-column组件的filters属性，可以用于对表格数据进行筛选操作。
知福致福·2023-08-06 01:48

Vue + elementUI 自定义select-tree下拉树组件

一、先看效果二、组件具体实现借鉴了网上前端大佬的实现，加上自己在使用过程中发现的一些BUG，做了一些改进。主要可以支持动态表单的特性及v-model，支持禁用，支持放在表单中使用，下面请看代码。主要借鉴文章：https://wiill.blog.csdn.net/article/details/88604270组件模板配套scriptexportdefault{name:'ebs-tree-sel
法号轻尘·2023-08-05 19:03

表单设计器附件的上传、显示和下载

本文采用开源的form-generator和element-ui，相关技术可以参考下面的链接form-generator:https://github.com/JakHuang/form-generatorelement-ui:https://element.eleme.cn//#/zh-CN/component/installation修改组件render.jsfunctionvModel(da
宁波阿成·2023-08-05 19:16

Element Ui el-tabs挂组件使用

，是新增；在列表页表格的操作列表点击详情，再打开一个tabs页，是详情；在列表页表格的操作列表点击编辑，再打开一个tabs页，是编辑；在新增页面，最下面有编辑按钮每个打开的页面都有关闭按钮以上的需求，elementui
Light_shallow·2023-08-05 16:20

2、idea-vue项目导入ElementUI、Router（路由）

文章目录一、导入ElementUI1、点击下图的红箭头位置，执行npminstallelement-ui2、在main.js中配置具体配置3、在App.vue中使用elementui组件参考代码二、导入
Love Orange·2023-08-05 14:13

Vue——formcreate表单设计器自定义组件实现(二)

前面我写过一个自定义电子签名的formcreate表单设计器组件，那时初识formcreate各种使用也颇为生疏，不过总算套出了一个组件不是。
小欣儿·2023-08-05 14:28

自定义popover组件（可解决elementui的popover组件不能在el-table组件中使用的bug）

写此组件的初衷，乃是为了解决element-ui自带的popover组件不能在el-table组件的表头使用的bug，而又不能使用tooltip组件进行替换的问题，遂决心自己写一个类似组件。好了，直接说重点：代码很完善，考虑了很多因素，请放心使用！（该抄作业了）1、模板部分代码如下2、pop气泡的样式，display属性必须设置为table。关于固定样式的设置如下：.sl-popper{displ
最光阴_3a11·2023-08-05 14:39

form-create 通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件

安装根据自己使用的UI安装对应的版本ElementUI版本npmi@form-create/[email protected]|3.x版本npmi@form-create/iviewiview/view-design
IEVEl·2023-08-05 13:07

ElementUi 自定义Progress 环形进度条颜色为渐变色

新建文件progress-color.vue,作为公共组件exportdefault{name:'progressColor'};在需要使用的文件中,引入该组件,并使用importprogressColorfrom'../components/progress-color.vue';exportdefault{components:{progressColor}}.dismantle/deep/.
cy_南辞·2023-08-05 12:40

解决elementUI中el-form、el-dialog、数据回显同时用时，有bug

提示：记录学习elementUI时遇到的一些问题及解决办法前言现象:第一次打开网页，先点击修改，再点击新增，发现输入框竟然有值原因:点击修改后，关闭对话框的时候，置空失效了分析:主人公resetFields
小超爱编程·2023-08-05 12:19

elementui动态表单实现计算属性携带参数，并将计算出的值四舍五入保留两位小数

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言方法1方法2结论前言写项目的时候，遇到需要在动态表单中，将同一级输入框输入的内容计算出来，并动态显示，发现computer计算属性好像不能带参数，最后查了好多文档才解决，看下面简单案例方法1vue中computed计算属性无法直接进行传参，如果有传参数的需求可以使用闭包函数（也叫匿名函数）实现。例如计算出每一组A输入框中的
小超爱编程·2023-08-05 12:17

vue下基于elementui自定义表单-后端数据设计篇

vue下基于elementui自定义表单-后端篇自定义表单目前数据表单设计是基于数据量不大的信息单据场景，因为不考虑数据量带来的影响。
11eleven·2023-08-05 11:00

Vue + ElementUI 实现可编辑表格及校验

效果完整代码见文末实现思路使用两个表单分别用于实现修改和新增处理。通过一个editIndex变量判断是否是编辑状态来决定是否展示输入框，当点击指定行的修改后进行设置即可：{{row[column.prop]}}edit(row,index){if(this.editIndex>-1){this.$message.warning('请先完成修改中的行')return}this.editRow={..
庄周de蝴蝶·2023-08-05 11:57

elementUI table树形控制默认选中

控制该数组进行控制默认选中的数据this.$refs.table.store.states.selection=[]
一个小前端程序员·2023-08-05 10:51

SSM(Vue3+ElementPlus+Axios+SSM前后端分离)--搭建Vue 前端工程[一]

node.jsLTS并安装:node.js的npm创建Vue项目使用idea打开ssm_vue项目,并配置项目启动Vue3项目目录结构梳理Vue3项目结构介绍配置Vue服务端口ElementPlus和ElementUIElementUI
晨犀·2023-08-05 10:00

elementUi重置Select选择器样式、option、deep、vue3、plus

文章目录前言select选框样式(element-plus)option选项面板样式(element-plus)前言样式标签属性为select选框样式(element-plus)//设置选择框的背景样式::v-deep.el-input__wrapper{background:transparent;box-shadow:0000transparent;font-size:20px;}//设置选择
牧码岛·2023-08-05 10:51

elementUI点击当前行更改当前行状态（数据更新DOM不更新问题解决）

编辑保存import{cloneDeep}from"lodash";changeStatus(row,index){letitem=cloneDeep(this.dataList[index]);//letitem=this.dataList[index];//注意直接这么写不生效，地址内存空间不变item.editable=!row.editablethis.$set(this.dataList
想要成仙的菜鸟前端·2023-08-05 10:20

如何让ElementUI的Dialog弹窗可以拖拽移动

实现原理：利用vue创造一个自定义指令，绑定到需要拖拽移动的el-dialog组件上，在自定义指令中处理弹窗拖拽。步骤1：创建自定义指令//v-dialogDrag:弹窗拖拽importVuefrom'vue';letdraging=false;letdragDom:HTMLElement|null;letdragpoint:{x:number,y:number};Vue.directive('d
淘人居士·2023-08-05 10:13

elementui中的el-table展开行中的表格如何控制勾选？

使用模板列替代el-table的"selection"列。示范：exportdefault{data(){return{tabledata:[{rows:[{selected:false}],selectAll:false}]}},methods:{//嵌套表的复选框事件subtableSelectionChange(row,isall){//控制全选if(isall){row.rows.forE
淘人居士·2023-08-05 10:13

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单 em

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
m0_72864708·2023-08-05 06:03

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单 em

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
m0_72864708·2023-08-05 06:03

elementui中表单校验身份证当类型为其他时不验证

项目中遇到以下情况，当证件类型为身份的时候要验证身份证号，如果证件类型是港澳台通行证或者护照的时候就不用校验此时要将校验规则写道data里进行自定义逻辑varisCardId=(rule,value,callback)=>{if(!value){returnnewError("请输入身份证号)");}else{if(this.addPersonnelForm.documenttype=="idca
Mr__proto__·2023-08-05 05:15

vue+elementUI实现省市区三级联动

1、获取elementUI的省市区级联数据npminstallelement-china-area-data-S2、引入数据import{regionData,CodeToText}from'element-china-area-data
红颜い笑倾城·2023-08-05 02:27

解决vue cli3脚手架+elementui组件在线上icon乱码问题

1、下载依赖css-unicode-loader和sass-loadernpminstallcss-unicode-loader--save-devnpminstallsass-loader--save-dev2、在vue.config.js中配置//解决打包线上icon乱码问题configureWebpack:config=>{config.resolve.alias['@']=resolve(
black方块cxy·2023-08-05 02:29

在js代码中引用elementUI的Message 消息提示

今天在vue项目中的js代码中引用ElementUI的Message消息提示this.
hellotqq·2023-08-04 23:15

Java版工程行业管理系统源码-专业的工程管理软件-em提供一站式服务

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
Xiaohong0716·2023-08-04 21:42

Java版工程行业管理系统源码-专业的工程管理软件-em提供一站式服务 em

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
Xiaohong0716·2023-08-04 21:41

Vue-cli中使用第三方组件库Element-UI&ECharts

installation1.安装Element-UI在终端中打开，输入指令npmielement-ui-S出现“[email protected]版本号”，则默认安装完成2.引入Element-ui//导入ElementUI
嘻嘻程序媛·2023-08-04 21:50

vue安装

pycharm+python+django+vue+elementUi搭建web项目：https://blog.csdn.net/chenyzh_admin/article/details/103409577pycharm
小白想进阶·2023-08-04 19:42

Element UI 日期选择器icon图标快速调整

1首先我们先引入ElementUI的日期选择器组件2引入该组件发现图标在左，接下来隐藏左侧图标(在标签属性中添加prefix-icon=0>)3然后在mounted生命周期中书写以下代码，完成mounted
xu_duo_i·2023-08-04 17:13

ElementUI分页Pag的currentPage自动到第一页

当数据量过多时，使用分页请求数据,设置分页的页数自动回到第一页。exportdefault{data(){return{currentPage:1}},methods:{backNumOne(){this.currentPage=1;}}}
xu_duo_i·2023-08-04 17:43

剧名插槽Cannot read properties of undefined (reading ‘row‘)

问题是在用elementui的table组件时后发现的，因为要获取索引所以表格数据用的插槽{{scope.row.date}}姓名:{{scope.row.name}}住址:{{scope.row.address
贺今宵·2023-08-04 17:38

纯css实现登录表单动效

效果图：代码展示//我这边用的是elementUI表单校验，更改的样式。
大白兔没糖·2023-08-04 14:03

vue组件跳层级时的事件处理 （事件的广播与派发）

相信大家一定用过elementui这个组件库，那么对里面的表单组件一定不陌生。
丹丹的小跟班·2023-08-04 11:25

关于在虚拟机CentOS7的Docker下安装Oracle

二阶段我就上了ElementUI和MyBatis，项目也是用这些技术写的，整体钻研程度还行。
汤永红·2023-08-04 08:54

若依框架vue使用Element 如何把当前页面的所有Table表格row.id和一个表单的16个字段内容通过js传Java后台，Java后台是如何接收的

如果你使用的是Vue.js与ElementUI框架，可以按照以下步骤将当前页面的所有表格行的row.id和一个表单的16个字段内容通过JavaScript传递给Java后台：首先，在Vue组件中，使用ElementUI
梦远星帆·2023-08-04 05:16

Java版工程项目管理系统平台+企业工程系统源码+助力工程企业实现数字化管理 em

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
微服务 spring cloud·2023-08-04 05:11

【使用elementUI的el-upload实现上传文件的功能，上传文件不直接调接口，而是使用按钮提交】【文件上传接口的调用需要使用FormData()构造函数】

这里需要把acion属性填成#即：action=“#”问题描述使用elementUI的el-update组件上传.xlsx文件。
Min_Fox·2023-08-04 02:38

【自定义el-date-picker，type=“week“】

el-date-picker：type="week"增加此属性，elementUI自然周选择器，默认选取周日到周六的自然周。
Min_Fox·2023-08-04 02:06

elementui 动态合并单元格

效果图废话不多说直接上代码1、:span-method=“objectSpanMethod”在table属性中启用合并单元格方法2、处理数据//处理数据for(leti=this.drugDeptApplyDetailVOs.length-1;i>0;i--){//从后向前遍历if(!this.drugDeptApplyDetailVOs[i].rowspanOrg){//设置初始值(可理解为：每
陆仁丶·2023-08-03 21:31

vue中elementui使用分页插件Pagination分页问题

在使用分页插件时好像遇到两个问题跳转到最后一页之后删除最后一页所有的，会造成分页处于不正常状态使用了条件查询好像会造成跳转第二页会出点问题先看插件的各个参数方便理解：¶Attributes参数说明类型可选值默认值small是否使用小型分页样式boolean—falsebackground是否为分页按钮添加背景色boolean—falsepage-size每页显示条目个数，支持.sync修饰符num
希风雨·2023-08-03 20:39

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单 em

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
微服务商城技术分享·2023-08-03 20:06

java版直播商城平台规划及常见的营销模式+电商源码+小程序+三级分销+二次开发 bbc

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离1.涉及平台平台管理、商家端（PC端、手机端）、买家平台（H5/公众号、小程序
m0_68459853·2023-08-03 18:47

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单 em

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
m0_68459853·2023-08-03 18:47

【Vue】全家桶介绍

文章目录概述核心Vue.Js浏览器开发插件vue-devtools项目构建工具：vue-cli路由管理器：vue-Router状态管理模式：vuex网络请求库：AxiosUI框架：iview、vant、elementUI
软泡芙·2023-08-03 15:31
上一页 68 69 70 71 72 73 74 75 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他