草庐IT

el-table-infinite-scroll

全部标签

微信小程序 在bindscroll事件中监听scroll-view滚动到底

scroll-view其实提供了一个bindscrolltolower事件这个事件的作用是直接监听scroll-view滚动到底部但是总有不太一样的情况公司的项目scroll-view内部最下面有一个类名叫bottombj的元素我希望滚动到这个bottombj上面的时候就开始加载滚动分页简单说bottombj这块元素不参与滚动分页但bindscrolltolower只会判断是否到了当前scroll-view最底部而无法动态拒绝某块元素参与所以我们只能寄希望于bindscroll首先我们要给自己的scroll-view加一个id方便我们去那这块元素这里我直接叫scroll-page然后我们在bi

为React Ant-Design Table增加字段设置

最近做的几个项目经常遇到这样的需求,要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍,每个项目的需求又都有点儿不一样,迭代了很多版,所以抽时间把这个功能封装了个组件:@silverage/table-custom,将这些差别都集成了进去,方便今后使用和维护。同时也方便需要这个功能的人来使用。下面介绍下安装和使用安装npmi@silverage/table-custom--saveyarnadd@silverage/table-custompnpmadd@silverage/table-custom组件在ant-design基础上开发,所以

vue+element ui中的el-button自定义icon图标

实现button的icon属性自定义一个图标名称,这个自定义的图标名称会默认添加到button下i标签的class上,我们只需要设置i标签的样式就可以了##3.按钮上使用自定义的icon完整代码divclass="lookBtn">el-buttonicon="el-icon-my-message"size="mini"type="primary"@click="checkAllTask">查看任务el-button>div>样式代码::v-deep.el-icon-my-message{background:url('../../assets/images/lookMsg.png')cent

SQL SERVER 中无法删除table ‘biao’,因为它不存在或者您不具备相应的权限

删除table表1.删除表示提示:SQLSERVER中无法删除table‘biao’,因为它不存在或者您不具备相应的权限。2.原因3.解决方法3.1图3.2图3.3图3.4图1.删除表示提示:SQLSERVER中无法删除table‘biao’,因为它不存在或者您不具备相应的权限。 2.原因1.SQLserver不支持droptable[表名]cascade|restrict中的cascade或restrict,所以命令:droptable[表名]cascade无效。2.以上这算是细致末节了,主要还有因为有FOREIGNKEY外键或主键关系约束引用,所以应先删除相关的关系或键后,再使用以下命令就

element-plus el-form 表单、表单验证 使用方法、注意事项

element-plus@2.0.6及之后的版本,表单验证不再是同步执行的了另外,element-plus@2.1.4及之后的版本,才可按照官方文档示例正常使用(使用的是两者的中间版本的话,最好先自行确认下正确的constsubmitForm=async(formEl:FormInstance|undefined)=>{if(!formEl)returnawaitformEl.validate((valid,fields)=>{if(valid){console.log('submit!')//位置1}else{console.log('errorsubmit!',fields)}})//位置

记录--Vue2屎山之 Table 屎山

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言Vue2将在2023年年底停止维护了,但是Vue2的代码却不会在2023年消失,还会越来越多;难以想象几十万行或者几百万行的Vue2代码迁移到Vue3,这是不可能办到的;老一点的前端程序员肯定经历过把大型项目从jQuery迁移到Vue/React/Angular的经历,那是一次思想的大变革,也是生产效率的一次大革新,但是这一次就不一样了,Vue2迁移到Vue3虽然优点很多,但是这不足以说服老板们花费$去让你进行重构;既然Vue2还能用,那我就想把他用到极致,日常中最常用的就是Table组件,所以Table组件出现屎山的概率大大增加

Element UI更改下拉菜单el-dropdown-menu样式

如果css不是scoped模式可以直接修改,否则需要另外写个style标签或者新建一个css文件,再引入html:{{name?.at(0)}}{{name}}基本资料更换头像重置密码退出新建css文件准备样式:/*整体背景色和圆角*/.el-dropdown-menu{background-color:#24262d!important;border:0pxsolid#00487f!important;border-radius:5px;}/*下拉框定位*/.el-popper{position:absolute!important;top:56px!important;}.el-poppe

微信小程序使用scroll-view,实现分页加载和下拉刷新

bindscrolltolower="lower"  分页加载bindrefresherrefresh="fresh"  下拉刷新refresher-enabled="true"  开启自定义下拉刷新refresher-triggered="{{triggered}}"  设置当前下拉刷新状态,true表示下拉刷新已经被触发,false表示下拉刷新未被触发,是动态控制的(开始的时候不知道,定义了其他变量freshOrNot做的控制…后来也没修改反正是)页面代码示例如下:.wxml{carsHeight}}rpx"scroll-y="true"bindscrolltolower="lower"b

关于el-dialog中@close事件和取消确认按钮并用,会触发两次关闭表单的操作

关于el-dialog中@close事件和取消确认按钮并用,会触发两次关闭表单的操作简介:el-dialog绑定了close方法,el-dialog中的子元素【确认按钮】绑定了click事件,当执行子元素绑定的click事件时,除执行子元素绑定的click方法中的语句,还会执行close中的语句。当绑定的close和click事件中执行逻辑不一致时,最终实现的是close中的逻辑。解决方法:当close和click按钮的业务逻辑不一致时,我们将取消(点击右上角的x)的逻辑写在before-close的方法中当close和click按钮的业务逻辑一致时,我们将取消(点击右上角的x)的逻辑可以写在

【JasperReports笔记02】如何使用Jasper Studio中的table组件制作简单表格模板文件,并且通过Java + Parameters参数填充表格数据

这篇文章,主要介绍如何使用JasperStudio中的table组件制作简单表格模板文件,并且通过Java+Parameters参数填充表格数据。目录一、Jasper制作表格模板1.1、制作模板文件(1)创建参数(2)添加table组件(3)添加表格列头(4)创建表格Field字段(5)表格使用Field字段(6)设置表格数据集来源1.2、使用Java填充模板文件(1)引入依赖(2)添加模板文件(3)编写JasperReportsUtil工具类(4)编写测试类(5)运行测试一、Jasper制作表格模板1.1、制作模板文件(1)创建参数首先打开JasperStudio开发工具,创建一个MyTab