草庐IT

elment-plus

全部标签

使用Element-Ui-Plus时,对select-v2进行自定义操作,可以自定义添加筛选后无数据的选项进行添加。

问题背景:在最近的开发需求中,需要对element-ui-plus的select-v2的组件进行自定义的改装,即在搜索状态完成后,如果发现无搜索内容,可进行自定义的进行添加当前的select的input框内。问题原因:select-v2提供了一个属性方法,即allow-create的属性,为了使allow-create正常工作,filterable的值必须为true。但是我们发现,使用这个属性后,如果输入的是已经存在的值,它也会默认进行创建,这不是我们想要的效果。如图所示;通过调查研究发现,可以使用如下的方法进行解决。解决思路:使用自定义的空状态的插槽,设置一个添加按钮,监听该按钮,当发现无搜

element-plus图片预览

背景:项目中需要对图片进行放大预览操作;解决方案:①使用el-image自带的预览功能;②使用el-image-preview组件进行预览;一.使用el-image进行预览:官方文档:Image图片|ElementPlus1.官方示例:consturl='https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'constsrcList=['https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg','https://fus

Mybatis-plus多数据源单元测试@MybatisPlusTest

mybatis-plus多数据源单元测试报错FailtoreplaceDataSourcewithanembeddeddatabasefortests.Ifyouwantanenbeddeddatabasepleaseputasupportedonontheclasspathortunethereplaceattributeof@AutoConfigreTestDataBase错误原因分析多数据源,但是不能取到数据信息解决方案在注解中添加@ImportAutoConfiguration(value={RmasDataSourceConfig.class},exclude=DataSourceA

Element plus中el-input 框回车触发页面刷新问题及解决方案

elementUi中input组件回车触发页面刷新问题及解决方案技术:vue3+elementplus的UI框架今天做了一个小小的功能,就是基于elementUi框架的一个输入框,需要监听输入框的回车事件,然后调取接口。代码如下:el-form:model="from":inline="true">el-form-itemlabel="身份证号">el-inputv-model="from.idCard"placeholder="请输入身份证"clearableprefix-icon="Search"maxlength="18"show-word-limitautofocusstyle="wi

MyBatis-Plus(实用方法)

1.介绍官方是这样定义的:Mybatis-Plus(简称MP)是一个Mybatis的增强工具,在Mybatis的基础上只做增强不做改变,为简化开发、提高效率而生。2.为什么要用MyBatis-Plus?优点:   效率提高了,因为基本的CRUD写好了   支持Lambda形式调用,不用担心字段写错而引起的异常   支持主键自动生成   内置分页插件   基于mybatis做增强而已   SQL语句自由控制,较为灵活   提供动态SQL语句,可以根据需求灵活控制SQL与业务代码分离,易于阅读   提供功能丰富的条件构造器快速进行无sql开发   内置代码生成器,分页插件,性能分析插件等3.常用方

MyBatis-Plus(实用方法)

1.介绍官方是这样定义的:Mybatis-Plus(简称MP)是一个Mybatis的增强工具,在Mybatis的基础上只做增强不做改变,为简化开发、提高效率而生。2.为什么要用MyBatis-Plus?优点:   效率提高了,因为基本的CRUD写好了   支持Lambda形式调用,不用担心字段写错而引起的异常   支持主键自动生成   内置分页插件   基于mybatis做增强而已   SQL语句自由控制,较为灵活   提供动态SQL语句,可以根据需求灵活控制SQL与业务代码分离,易于阅读   提供功能丰富的条件构造器快速进行无sql开发   内置代码生成器,分页插件,性能分析插件等3.常用方

element-plus坑总结

reactive和ref对比//定义变量import{reactive}from'vue';constperson=reactive({name:"John",age:25,});//赋值修改person.name="Tom";person.age=26;//使用变量div>{{person.name}}/div>button@click="person.age++">IncreaseAge/button>console.log(person.name);//输出当前名称person.age++;//增加年龄//使用toRefslet{name,age}=toRefs(person)div>{

SpringBoot+Mybatis-Plus+Thymeleaf+Bootstrap分页查询(前后端完整版开源学习)图书管理系统

目录分页主要逻辑,在3.7和3.81.准备工作1.1参考博客1.2项目结构2.数据库3.详细代码部分3.1pom依赖3.2application.yml3.3BookMapper.xml3.4BookMapper3.5BookService和BookServiceImpl3.6实体类entitybook3.7控制层BookController3.8前端页面bookList.html3.9工具类3.9.1mybatis-plus插入时间和更新时间字段自动填充工具3.9.2分页插件工具4.运行效果分页主要逻辑,在3.7和3.81.准备工作1.1参考博客Mybatis-Plus|SpringBoot

SpringBoot+Mybatis-Plus+Thymeleaf+Bootstrap分页查询(前后端完整版开源学习)图书管理系统

目录分页主要逻辑,在3.7和3.81.准备工作1.1参考博客1.2项目结构2.数据库3.详细代码部分3.1pom依赖3.2application.yml3.3BookMapper.xml3.4BookMapper3.5BookService和BookServiceImpl3.6实体类entitybook3.7控制层BookController3.8前端页面bookList.html3.9工具类3.9.1mybatis-plus插入时间和更新时间字段自动填充工具3.9.2分页插件工具4.运行效果分页主要逻辑,在3.7和3.81.准备工作1.1参考博客Mybatis-Plus|SpringBoot

Vue使用element-ui/plus组件布局容器container失效解决方法

这个错我遇到了好几次,每一次都花了很长时间解决,还是决定写个笔记记录一下。在使用elementu官网的布局容器时,他是这样的。HeaderMainHeaderMainFooterAsideMainHeaderAsideMainHeaderAsideMainFooterAsideHeaderMainAsideHeaderMainFooter.el-header,.el-footer{background-color:#B3C0D1;color:#333;text-align:center;line-height:60px;}.el-aside{background-color:#D3DCE6;c