
vue+element-ui
文章平均质量分 58
vue+element-ui的使用
有蝉
文章有用的话,请点个赞啊
展开
-
element-ui多个form同时验证,以及动态循环表单注意事项
【代码】element-ui多个form同时验证。原创 2025-04-23 11:09:41 · 146 阅读 · 0 评论 -
el-from表单 点击enter键时 触发搜索
el-from表单加上 @keyup.enter.native 可以让表单中的所有form-item在点击enter键时,触发搜索。原创 2024-04-16 09:28:32 · 464 阅读 · 0 评论 -
vue项目中定时器无法清除
路由切换过快的时候,切换到了其他页面(page2,page3...)时,当前页面(page1)的beforeDestroy函数已经触发了,但是当前页面(page1)的定时器还没有触发。当切换到其他页面(page2,page3...)的时候,当前页面(page1)的定时器才执行。) 的定时器是在一系列前置请求之后,才触发的。【此定时器前面有一堆请求,等这堆请求完成之后,定时器才会被触发】如果是当前的路由名称,才开始执行定时器。当前页面有定时器,并且定时器在离开页面时,有清除。当前页面 (假设当前页面为。原创 2024-02-23 15:07:57 · 879 阅读 · 0 评论 -
element-ui el-table中根据按钮的多少来计算操作栏的宽度以及根据显示按钮的数量动态计算是否需要展示更多
【代码】element-ui el-table中根据按钮的多少来计算操作栏的宽度。原创 2024-01-23 15:18:30 · 937 阅读 · 0 评论 -
基于 Element UI 适用于 Vue 2 版本的虚拟列表选择器组件el-select
基于 Element UI 适用于 Vue 2 版本的虚拟列表选择器组件。原创 2023-12-25 14:35:36 · 4472 阅读 · 0 评论 -
el-tree 过滤后/搜索后 的 全选问题
el-tree的数据在使用“filter-node-method”的方法之后,主要使用el-tree提供的@check来实现。原创 2022-10-19 15:23:02 · 2936 阅读 · 4 评论 -
element-ui表格控件纯前端分页方法
HTML<div id="app"> <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%"> <el-table-column v-for="item in table...原创 2019-03-19 11:02:08 · 3289 阅读 · 0 评论 -
elementUI 表格组件(包含过滤和排序)----自定义表头
父组件HTML<template><div> <subTable ref="subTableInParent" :tableRules="tableRules" @current-change="onCurrentChange" @selection-change="onSelectionChange" @on-query="refreshTable"&g...原创 2019-03-19 11:24:01 · 4251 阅读 · 0 评论 -
element表格无数据时,自定义“暂无数据”以及col超出的tool-tip
<el-table :data="tableDatas" style="width: 100%" max-height="129"> <template slot="empty"> <div style="height:92px;line-height:92px;">暂无月度产值预警</div> &...原创 2019-05-05 15:44:36 · 3979 阅读 · 0 评论 -
elementui form表单 自定义校验规则(包含含有小数的数字以及正整数的正则)
<template> <div> <el-form :model="sub1Form" :rules="sub1Rules" ref="sub1Form" label-width="100px" class="demo-ruleForm"> <el-form-item label="发料单数" prop...原创 2019-05-06 13:40:46 · 15676 阅读 · 1 评论 -
vue使用element的组件时想要在elementUI自定义的钩子函数种传递其他参数的解决办法
使用elementUI的Upload 上传组件时当删除图片时想要找到图片所在的数组对象中的index,需要在删除的钩子函数中(before-remove)传递index参数以下是elementUI的upLoad组件的一下钩子函数那么如何传递自己想要的参数呢?答案如下 回调再回调<template> <div class="sub-box su...原创 2019-05-22 19:24:21 · 3140 阅读 · 0 评论 -
vue的Element组件上传文件el-upload详解(钩子函数、上传组件的初始化、accept的使用、钩子函数自定义额外参数)
<el-upload action="''" multiple :http-request="imgUpload" list-type="picture-card" :ref="$upload" accept=".jpg, .jpeg, .png, .gif, .bmp, .JPG, .JPEG, .PBG, .GIF, .BMP" ...原创 2019-06-18 11:45:50 · 15799 阅读 · 5 评论 -
elementUI中el-radio-group的使用
<template> <el-radio-group v-model="radio" size="small" @change="changeTheme" fill="#66b1ff"> <el-radio-button :label="1">主题一</el-radio-button> <el-radio-button ...原创 2019-06-27 10:47:03 · 46827 阅读 · 0 评论 -
element-ui日期选择器disabledDate使用心得
时期选择范围为当前时间以及当前时间之前<template> <!-- 新增/修改进度计划 --> <div class="addPlan" id="subAdd"> <el-form :model="dataModel" :rules="rules" ref="addPlan" label-width="135px"> ...原创 2019-06-27 16:01:20 · 8850 阅读 · 0 评论 -
element-ui树形组件实现懒加载、右键新增、右键删除、右键编辑,以及拖拽更换节点
<template> <el-card shadow="never" class="aui-card--fill"> <div class="tree-box"> <div class="tree-title"> <el-input placeholder="输入关键字进行过滤" v-model.trim="tree.filterText" size="small"></el-input>...原创 2020-11-10 16:12:53 · 1991 阅读 · 0 评论 -
vue+elementUI实现不同主题的切换(切换功能)
今天闲的很,借鉴vue-admin,搭了个可以切换不同主题颜色的前端框架(vue+elementUI)主要逻辑就是依靠gulp生成不同主题的静态css文件(element-theme-chalk就是靠这个的)切换主题的时候,引入不同的静态css文件gulpfile.js是这么写的var gulp = require('gulp')var $ = require('gulp-load-plugins')()var fs = require('fs')var..原创 2021-04-06 17:44:18 · 5414 阅读 · 0 评论 -
vue-cli3,vue2+elementui实现用户自定义主题色,切换主题,(2023-02-10增加功能:后台可配置主题色以及功能色)
自定义主题色包含以下两种,并且这两种的主题色需要同步element-ui的主题色 程序员自己写的样式中的主题色我参考一篇博客:vue,elementUI切换主题,自定义主题 - 小兔额乖乖 - 博客园 腾讯的tDesign搭建的开源框架:TDesign Vue Next Starter输出了此篇文章说明1:小兔额乖乖文章中的项目示例,在修改主题色后,刷新一下,鼠标hover时会有问题,此问题在本篇文章中已经解决说明2:我曾经尝试完全模仿腾讯那个框架的思路。但是此思路不适用于ele.原创 2022-02-07 10:13:43 · 4206 阅读 · 3 评论