ElementUI
文章平均质量分 51
Julia_0502
这个作者很懒,什么都没留下…
展开
-
el-select 在iOS手机上,无法唤起软键盘
el-select添加 filterable 属性,支持搜索,在 ios 手机上无法唤起软件盘进行搜索。原创 2023-02-24 14:32:18 · 766 阅读 · 0 评论 -
el-form表单组件校验
el-form表单组件校验。原创 2022-11-16 14:52:30 · 462 阅读 · 0 评论 -
移动端输入框禁止软键盘弹出
输入框: <el-input v-model="value" @focus="forbid" />//focus 聚焦事件 forbid () { document.activeElement.blur() }document.activeElement: 返回文档中当前获得焦点的元素。时间输入框://单个时间<el-date-picker @focus="forbid" value-format="yyy原创 2021-12-15 18:59:38 · 2101 阅读 · 0 评论 -
Vue项目 针对角色配置权限之菜单权限
Vue项目 针对角色配置权限之菜单权限原创 2021-12-09 17:11:30 · 1826 阅读 · 0 评论 -
Vue项目 针对角色配置权限之按钮权限
vue项目 权限控制原创 2021-12-09 16:19:17 · 1259 阅读 · 0 评论 -
el-table 固定列fixed和合计行show-summary 导致横向滚动条无法滚动
项目场景:提示:这里简述项目相关背景:在el-table中同时使用左固定列fixed和合计行show-summary 问题描述:提示:这里描述项目中遇到的问题:el-table 同时使用左固定列fixed和合计行show-summary 导致横向滚动条红色区域无法滚动代码如下://html<div class="table-box"> <el-table id="exportData"原创 2021-12-07 17:02:49 · 1941 阅读 · 1 评论 -
vue项目中使用dhtmlxGantt绘制甘特图
VUE+Element 基础上使用dhtmlxGantt绘制甘特图安装依赖:npm install dhtmlx-gantt使用:1、HTML<template> <div class="gunter"> <div ref="gantt" class="gunter-content" /> </div></template>2、javascript<script>import { gantt }原创 2021-08-25 11:01:24 · 1576 阅读 · 1 评论 -
awe-dnd 实现el-table动态拖拽设置表头
项目场景:VUE+Element 实现el-table动态设置表头(可拖拽)问题描述:由于Element组件不支持动态拖拽设置表头,所以使用awe-dnd插件实现拖拽效果实现方法:安装依赖npm install awe-dnd --save全局注册或局部注册1、全局注册在main.js文件中import VueDND from 'awe-dnd';// 注册-拖拽组件Vue.use(VueDND);2、局部注册(页面内注册)import Vue from 'v原创 2021-08-24 20:28:02 · 817 阅读 · 0 评论 -
Element el-table树形数据 tree-props使用注意事项
el-table树形数据 tree-props使用注意事项项目场景:问题描述:解决方案:写在最后项目场景:项目场景:使用el-table树形数据问题描述:根据element官网提示设置tree-props为{children: 'subWorkOrder',hasChildren: 'isSubWorkOrder'},data数据也设置了subWorkOrder和isSubWorkOrder属性,row-key也绑定了数据的唯一值变量id,但是树形结构就是出不来 # 原因分析:找了原创 2021-06-03 16:12:30 · 23230 阅读 · 7 评论 -
Vue项目 针对角色配置权限列表(菜单及页面功能)
提示:关于使用 Vue 和 ElementUI 做后台管理系统的权限Vue项目 针对角色配置权限列表(菜单及页面功能)前言一、角色与用户关系二、针对角色设置对应的权限列表1.实现效果2.权限维护页面3.页面实现逻辑说明总结前言现在很多管理系统都会需要权限管理,控制不同角色的菜单、页面功能、通过直接输入url跳转。此篇记录的是角色和用户的关系,以及给角色配置权限列表,如何根据权限列表控制菜单及页面功能请参考下篇提示:以下是本篇文章正文内容,下面案例可供参考一、角色与用户关系该项目实现的是角原创 2021-05-26 15:56:33 · 3623 阅读 · 2 评论 -
el-form 清除表单验证结果
el-form 清除表单验证结果总是遇到的一个表单验证问题,怕下次忘了,在这里记录一下问题编辑页面时总是在刚进入页面显示触发表单验证结果,由于此时并未提交,影响用户体验感效果图如下:代码实现:<template> <el-form ref="dateForm" :`rules`="`rules`" :model="workorderDeta原创 2021-04-19 12:24:06 · 11206 阅读 · 1 评论