草庐IT

Min_element

全部标签

spring boot 配合element ui vue实现表格的批量删除(前后端详细教学,简单易懂,有手就行)

目录一.前言:二.前端代码:2.1.elementui组件代码 2.2删除按钮2.3.data2.4.methods三.后端代码:一.前言:研究了其他人的博客,找到了一篇有含金量的,进行了部分改写实现前后端分离,参考博主为小白Rachel先看看页面效果,要是符合你们所需的功能那就继续看下去    14061407被干掉了 二.前端代码:2.1.elementui组件代码想要实现勾选框那么就需要加上 加入事件。该事件可用于获取勾选到的那一行数据的id,如果勾选多行数据,那么就会将id打包成数组,我们就可以将数组传给后端,然后由Java程序员(还是我)进行接收,进行批量删除。@selection-

swift - 类型 'NSFastEnumerationIterator.Element'(又名 'Any')不符合协议(protocol) 'AnyObject'

我正在尝试将我的应用程序更新到Swift3.0,但遇到了错误:Type'NSFastEnumerationIterator.Element'(又名'Any')不符合协议(protocol)'AnyObject'在线:self.friends.append(Friend(userName:(detailDataasAnyObject).value["userName"]as!String,phoneNumber:detailData.value["phoneNumber"]as!String,status:"Friend",statusSort:2,name:detailData.val

【项目案例】前后端分离项目 【Web图书管理系统 】SpringBoot + Vue + Element UI + Mysql

👉博主介绍:博主从事应用安全和大数据领域,有8年研发经验,5年面试官经验,Java技术专家,WEB架构师,阿里云专家博主,华为云云享专家,51CTO专家博主Java知识图谱点击链接:体系化学习Java(Java面试专题)💕💕感兴趣的同学可以收藏关注下,不然下次找不到哟💕💕✊✊感觉对你有帮助的朋友,可以给博主一个三连,非常感谢🙏🙏🙏文章目录写在前面1、此系统的目的和意义2、项目介绍3、功能架构3、功能模块介绍3.1、登录页3.2、用户信息3.3、借阅历史3.4、图书管理3.5、采购管理3.6、公告管理3.7、系统设置写在前面图书管理系统就是利用计算机,结合互联网对图书进行结构化、自动化管理的一种

基于vue+element-ui的H5可视化编辑器

简介:h5ve-design是一款专注低代码平台工具,功能强大,高可扩展的HTML5可视化编辑器,致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和javascript开发,专注研发创新工具。技术栈:Vue2.x+Javascript+Element-ui项目结构:功能特点:H5可视化编辑器包括的核心功能区有:组件区、画布区、顶部功能区组件区组件主要包括常用组件,媒体组件,高级组件,图表组件,当然用户可以基于自身业务划分不同的分类,组件规范,并进行组件的二次开发。同时还提供了组件定制的能力,让用户选择自己常用的组件,这样用户可以更高效的搭建页面。画布区画布区可以动态调整画

Element-ui 上传图片前压缩图片

上传前把图片大小进行一个压缩在进行上传。文章目录前言需求:项目当中上传图片的需求点肯定有很多,再上传之后,如果图片很大的话,在加载的时候就会很慢。最近发现系统首次加载越来越慢,就开始思考怎么能降低这个加载时间,由于首页图片很多,所以图片的大小就需要进行处理,本文记录了上传图片之前压缩图片的各种方法。一、插件image-conversion1.安装依赖:npmiimage-conversion2.页面当中引入:import*asimageConversionfrom'image-conversion'3.使用://把图片文件作为参数传递到方法中//上传之前的钩子函数  beforeUpload(

【亲测有效】element-ui table :span-method(行数和列数合并)

【亲测有效】element-uitable:span-method(行数和列数合并)文章目录1.官方示例解读2.开发实例2.1实例一(后端返回数据设置合并的行数和列数)HTML:Script代码:执行后的效果截图:功能实现讲解:2.2实例二(前端判断内容设置合并的行数和列数)HTML:Script代码:执行后的效果截图:功能实现讲解:声明1.官方示例解读element-ui官网中关于行合并的例子是根据行索引进行合并的,这显然不符合我们日常开发需求,因为通常我们table中的数据都是动态生成的,所以需要做一些改造以达到我们要实现的需求。首先,我们来解读一下官网实例中的各个参数的意义:object

element-ui table使用type=‘selection‘复选框全禁用-全选禁用

目录问题总结: 当条件数据全被禁用时,全选按钮也变成禁用的状态,而不是隐藏。有会做的小伙伴希望跟帖。谢谢!复选框框架:通过调用selectable方法,进行禁用复选框。1.指定行禁用:2.条件禁用:问题点:当条件数据全被禁用时,全选按钮不是禁用的状态。复选框全被禁用时,全选按钮将被隐藏 问题总结: 当条件数据全被禁用时,全选按钮也变成禁用的状态,而不是隐藏。有会做的小伙伴希望跟帖。谢谢!问题总结: 当条件数据全被禁用时,全选按钮也变成禁用的状态,而不是隐藏。有会做的小伙伴希望跟帖。谢谢!复选框框架:通过调用selectable方法,进行禁用复选框。1.指定行禁用://复选框禁用selectab

解决element UI中 select下拉框 el-select-dropdown el-popper超出el-dialog弹框的问题

【问题】:在elementUI中,el-dialog的内容比较多,出现滚动条,且内容包含input输入框、select下拉框、时间选择器、cascader级联选择器等,在点开select下拉选择框后并向下滚动鼠标,会出现下拉框跑出el-dialog的区域的情况(有可能离el-dialog的区域很远),造成页面的展示效果混乱。   【解决方案】:我们可以在鼠标滚动的时候,让select弹框隐藏,这样就可以解决select下拉框在el-dialog外面的问题了。1.创建util文件夹,下面创建scroll.js文件//这是scroll.js文件的代码letmouseUp=null;letmouse

slot插槽及Element-ui 中<template slot-scope=“scope“>

slot插槽及Element-ui中<templateslot-scope=“scope“>一源码展示{{scope.row.state|stateTrans}}slot-scope=“scope”//取到当前单元格scope.$index//拿到当前行的indexscope.row//拿到当前行的数据对象scope.row.date//是对象里面的data属性的值二slot插槽插槽有三种:默认插槽、具名插槽、作用域插槽。2.1vue的slot默认插槽、具名插槽exportdefault{name:'children'}//使用children组件代替slot的内容代替slot的内容假如一个组

中科创达C++ 二面(hr面,30min,offer)

中科创达C++二面(hr面,30min,offer)面试官问自我介绍技术面已经过去一周了,你对技术面试的总体感觉怎么样呢问一下,你现在秋招的面试的进程怎么样了呢目前收到了多少offer呢?你目前最满意的一个offer是什么呢在成都这边的话你的一个期望薪资是多少呢除了薪资你还会关注哪些方面呢你觉得通过前面的技术面试,这边的技术你觉得可以和你匹配吗看你大学参加了很多竞赛,那你参加竞赛的初衷是什么呢?你觉得你参加了这么多的竞赛,对你而言,除了有经验外的收获,对你而言最大的收获是什么呢你没考虑去考研提升自己的学历吗可能我们这边的薪资水平也就9k左右,可能会有一些补贴能到10k,这个薪资水平你觉得你能接