草庐IT

【Vue】Element Plus和Element UI中插槽使用

文章目录前言一、两者的区别二、组件库三、具体讲解总结前言今天和大家讲一下ElementPlus和ElementUI这两个组件库中表格的插槽使用方法,一般情况下vue2使用ElementUI这个组件库,表格组件的插槽的话一般都是使用v-slot,而vue3使用ElementPlus组件库,表格组件中插槽一般为#default,下面就来讲一下这两个。一、两者的区别ElementPlus和ElementUI都是基于Vue.js的UI组件库,其中表格组件都提供了插槽(slot)来自定义表格的内容。但是,ElementPlus和ElementUI中表格插槽的区别如下:表格头部插槽在ElementUI中,

MyBatis-Plus 实现分页的几种写法

简介MyBatis-Plus(opensnewwindow)(简称MP)是一个MyBatis(opensnewwindow)的增强工具,在MyBatis的基础上只做增强不做改变,为简化开发、提高效率而生。特性无侵入:只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑损耗小:启动即会自动注入基本CURD,性能基本无损耗,直接面向对象操作强大的CRUD操作:内置通用Mapper、通用Service,仅仅通过少量配置即可实现单表大部分CRUD操作,更有强大的条件构造器,满足各类使用需求支持Lambda形式调用:通过Lambda表达式,方便的编写各类查询条件,无需再担心字段写错支持主键自动生成

uniapp web-view页面层级过高,想在web-view上层再加入按钮,采用plus.nativeObj.View实现。动态创建web-view解决切换src后丢失背景问题。

需求:有两个web-view页面,需要添加按钮,动态切换web-view的src进行页面切换问题:uniapp的web-view层级很高,通过positon的z-index无法将其他元素置于web-view页面上层解决方式:采用底层组件plus.nativeObj.View创建视图,该视图比web-view层级高,可在web-view上层添加按钮,图片,矩形区域,文本,富文本,输入框。plus.nativeObj.View使用文档:https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.Viewweb-view组件

vue3+element-plus 表单输入框无法输入

Element-Plus在进行reactive在对登录用户密码输入输入时失效,最后发现是,在进行ref和model进行绑定的时候,绑定的属性名称都是一致的,导致界面无法输入,如下图所示都绑定的是:loginForm,代码入下图所示:系统登录 -->重置登录import{reactive,ref}from"vue";import{Login}from"../../../apis/login/login.js";//用户登录信息letloading=false;consttest=ref("");constloginForm=reactive({account:"",password:"

Rollup failed to resolve import “element-plus/es/components“ from “node_modules/element-plus/es/inde

–>Rollupfailedtoresolveimport“element-plus/es/components”from“node_modules/element-plus/es/index.js”.今天打包的时候出现了错误Rollupfailedtoresolveimport"element-plus/es/components"from"node_modules/element-plus/es/index.js".Thisismostlikelyunintendedbecauseitcanbreakyourapplicationatruntime.Ifyoudowanttoexterna

gateway启动报错记录nacos远程连接的坑: Waited 3000 milliseconds (plus 4100 nanoseconds delay)

c.a.n.c.remote.client.grpc.GrpcClient  :Servercheckfail,pleasecheckserverlocalhost,port9848isavailable,error={}gateway启动报错记录nacos远程连接的坑:Waited3000milliseconds(plus4100nanosecondsdelay)原因是配置文件配置错误不要用localhost,要用具体的ipnacos:addr:localhost:8848 

Mybatis_Plus更新方法的总结

1.用实体类进行更新updateById(实体对象),这个方法需要传入你所要修改记录的id@Testpublicvoidupdate1(){Useruser=newUser();//user.setId(1L);user.setArea("上海");user.setName("小黑");inti=userMapper.updateById(user);System.out.println("i="+i);}如上如果不传入id,则对应的sql如下:UPDATEuserSETarea='上海',name='小黑'WHEREid=null 下面是正确示范:传入的id会在跟在where条件后面,如果不

Element-Plus: el-divider 属性 颜色 虚线问题

同样忘了哪天的问题了,关于饿了么plus中el-devider样式的设置。最开始用的就是divider,但是因为某个时候(记不太清了)调样式的时候,给divider加了margin-top/bottom后,divider会变粗,还半天改不好,用了穿透也没啥用,于是暂时放弃了,改用原生的,直到后来一个场景要用dashed(虚线)效果,懒得改hr,又想起了divider,于是好好研究了下它的颜色和虚线属性,话不多说,直接上结果(这里也没啥好讲的...)线的颜色就是是border-color属性,在标签上直接设置就好线的样式(solid(默认实线)ordashed(虚线))设置border-styl

mybatis-plus在yml中配置

mybatis-plus在yml中的详细配置pom配置dependency>groupId>com.baomidougroupId>artifactId>mybatis-plus-boot-starterartifactId>version>3.5.1version>dependency>正常使用基础配置mybatis-plus:#包扫描路径(当前项目的实体类所在位置。别名包扫描路径,通过该属性可以给包中的类注册别名,多个路径用逗号分割)type-aliases-package:com.xxx.xxx.xxx.model.entity#xml扫描,多个目录用逗号或者分号分隔(告诉Mapper所

mybatis-plus 查询数据为null问题解决

首先数据库能查询到数据,不过查询到的字段都是null值,因为业务上就用到这3个字段代码中使用mybatis-plus精确字段查询,select方法可以精确查询字段之后debug看到orderMain对象为null,因为这3个字段在数据库表中都是null解决方式是把select方法需要查询一个数据库中不为null的字段即可,比如把主键id查出来,至于原因我也不太清楚,可能是mybatis-plus,拿到都为null的字段就不做实体类的映射了