1、前言常见的权限配置是树状的也就是这样的现在要做的是列表状的也就是这样的 这两种展现形式比较1、树状的展现形式,相对比较简单、只需要使用element-plus或其他组件库,将后端返回的数据处理成树状数据即可,代码简单,但是如果权限模块较多,就很直观2、相对的列表状的权限配置,权限就相对直观,一目了然,但是相对的,代码数据处理复杂度会翻倍(当然也有可能是因为我用的方法问题)2、代码2.
1.Ctrl + C复制2.Ctrl + X剪切3.Ctrl + V粘贴4.Ctrl + Z撤销上一步操作5.Ctrl + Y恢复上一步操作6.Ctrl + S保存文件7.Ctrl + A选中全部数据鼠标放置在数据区域的任意单元格上,然后按下<Ctrl + A>组合键,即可快速选中整个数据区域例如,点击D6单元格按<Ctrl + A>组合键,即可快速选中整个数据区域8.Ct
前端面试题:1. 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现div { position:absolute; width:200px; height:200px; top:50%; left:50%; margin-left:-100px; height:-100px; z-index:1000; }2. 写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适
题    目:    24秒倒计时器               院 (系):                        &n
使用vue开发项目,用到elementUI,根据网址的写法,我们可以自定义主题来适应我们的项目要求,下面来介绍一下两种方法实现的具体步骤,(可以参考官方文档自定义主题官方文档),先说项目中没有使用scss编写,用主题工具的方法(使用的较多)第一种方法:使用命令行主题工具使用vue-cli安装完项目并引入element-ui(具体可参考第二种方法中的介绍)一、安装工具1,安装主题工具npm i el
安装脚手架终端执行命令:npm install -g @vue/cli创建vue项目**方法一:**基于交互式命令行的方式,创建新版vue项目,执行命令:Vue create my-project //my-projec为项目名。按照提示内容选择创建方式。创建完成后cd到项目中可以执行npm run serve命令运行项目运行完成后可以访问生成的地址查看创建的项目**方法二:**图形化方式创建vu
一.__eq__方法在我们定义一个类的时候,常常想对一个类所实例化出来的两个对象进行判断这两个对象是否是完全相同的。一般情况下,我们认为如果同一个类实例化出来的两个对象的属性全都是一样的话,那么这两个对象是相同的。但是如果我们直接用"==”来判断这两个对象知否相等,那么结果一定是不相等的,因为这两个对象的地址一定不同,它们在内存当中的不同区域,比如我们有代码:classItem:def __ini
转载 2023-09-11 19:58:05
20阅读
现在有一个需求,从本地导入一个Excel,在本地这个Excel的指定列插入三级联动(省市区)。下图是本地(文件路径为C:\Users\白杉\Desktop\555.xlsx)一个普通的Excel,现在要给省、市、区这三列加上三级联动的效果。 我要指定在第5列(省)开始插入三级联动,这是代码跑完后的效果(只写了2个测试数据):以下是具体操作步骤,CharStatusEnum是我结合三级联动代码,优化
这个弹窗功能,主要是导出字段的设置,左边是树形字段结构,右边是选中的设置字段,字段可以拖动调顺序。我实现这个功能主要用的element-ui里的tree和dialog组件,及vuedraggable组件,如果没有拖拽功能差不多半个小时就搞定这个功能,就因为实现这个拖拽功能,浪费了很多时间,从昨天晚上八点多开始,一直折腾到十一点多,大致效果如图刚开始没考虑
原创 2022-06-30 16:11:34
395阅读
问题描述 在Menu导航栏中选中菜单栏,在刷新页面后,菜单仍然是选中状态 菜单的index值为路由导航地址,通过sessionStorage将当前选中的地址保存起来,实现效果。 setSelectPath(path){ window.sessionStorage.setItem('selectPat ...
转载 2021-07-22 12:20:00
717阅读
2评论
vue 代码都是从这段开始 new Vue({}) 大括号内的属性就是渲染页面的来源 1.el 属性 应该就是 elemet ,表示 html 的标签元素,id(#idName)、class(.className)、标签(div) 都有效,这里的用法和 jquery 没有区别,用途就是告诉 vue ...
转载 2021-09-03 12:05:00
220阅读
2评论
Elemet-ui表格+分页1前端控制分页2后台分页 1前端控制分页:data=“tableData.slice((currentPage-1)pageSize,currentPagepageSize)” 现在是没对接数据之前由前端来控制分页:total=“tableData.length” 表格长度自己计算/** * ceshi.vue * * ceshi * * @author 自己名字
修改elemet el-table 奇偶行的表格样式<el-table :row-class-name="tableClass" :data="msgList" style="width: 100%" table-layout="auto" class="tableAuto">在el-table中加一个自定义的class名:row-class-name="tableClass"在方法中
css
原创 2023-09-07 13:47:47
159阅读
1点赞
问题描述:【相机】打开记录拍摄地理位置后拍照详情中少“宽度”属性; 原因分析:在listview动态刷新时用set(index,elemet)方法替换了宽度及其值; 解决方法:改为add(index,element)添加地点; 影响范围:Gallery2" 提交版本:Committed revisi
原创 2022-07-20 15:22:06
113阅读
这次上传使用的是Elemet-ui的uoload上传组件,组件预留的钩子回调还是比较充足的。1:  实现多图上传主要用到以下两个属性: 下面讲一下属性使用: <el-upload :action="actionUrl + tokenInfo" list-type="picture-card" //图片预览形式 multi
参考链接:Element 组件之 右键鼠标 自定义菜单Vue+ElementUI实现给Tab页添加鼠标右键菜单栏Element tree组件之 自定义菜单基于element tree组件。效果图如下: 1、 基于element组件 tree组件 2、 右键任何位置 基于鼠标位置跳转菜单 3、 类比于window鼠标右键一样的效果 4、 为什么基于elemet的右键菜单,因为,人家给封装好了 右键点
一.八大定位元素的方法1.根据元素id属性定位元素(重点)element = driver.find_elemet_by_id('') 2.根据class属性定位元素 (通常不用,因为找到的元素可能不唯一,记住就可以了)element = driver.find_element_by_class_name('') 3.根据标签名定位元素 (通常不用,因为找到的元素可能不唯一,记住就可以了)elem
转载 1月前
10阅读
zip是一个内置函数, 接受两个或多个序列,并将他们拉到一起,成为一个元组列表。每个元组包含各个序列中的一个元素。s = 'abc' t = [0,1,2]zip(s,t) >>>[('a',0),('b',1),('c',2)] 如果需要遍历序列中的元素以及它们的下标,可以使用内置函数enumerate: for index,elemet in enumerate('abc'): print index,element>>> 0 a 1 b 2 c
转载 2013-11-06 14:57:00
212阅读
2评论
前端项目优化及上线根据自己项目实际,进行webpack配置,这里只是一个参考,关于上线很多功能作为了解。优化问题项目优化策略步骤及详解安装配置1.生成打包报告=>为了直观发现项目中的问题,共有两种方式 2.第三方库启用CDN => 通过externals加载外部CDN资源 3.Elemet-ui组件按需加载 =>通过cdn的形式优化Element-ui的打包 4.路由懒加载
elemet-ui里提供的upload文件上传组件,功能很强大,能满足单独使用的需求,但是有时候会存在多次复用上传组件的需求,如下图的样子,这时候就出现了问题,页面上有多个上传组件时,要怎么操作呢?之前在网上找到了一位大神的方法,修改源码,在回调函数中多加一个参数,但是这种方法在多人开发时不太适用,因为这要求所有人都要修改源码,这里附上大神的方法,大家可以酌情使用首先在你下个包里面找到node_m
  • 1
  • 2