草庐IT

el-radio-button

全部标签

elementui 分页器,el-pagination 不显示的问题

今天敲代码遇到了个很操蛋的问题,我把分页器封装成共用组件,一个组件显示分页器,另一个组件不显示分页器,我心想这么邪门的吗,这个是正常组件这个组件不显示然后我尝试把传给分页器的参数打印出来,果然发现了操蛋的地方,这是正常显示的数据这是不显示的数据total和pageSize的结果是null,所以导致分页器不显示,经排查发现是后端返回的接口这两条数据为null导致的,微调之后恢复正常总之,就是分页器所依赖的数据不能为null,为null就会导致一整个分页器不显示

Button按钮:得到鼠标焦点后自动放大,失去鼠标焦点后自动缩小

作用程序设计过程中,我们经常需要增加一些动态效果,以此改善用户的使用体验。本文将介绍一种方法,动态显示按钮状态,使其得到鼠标焦点后自动放大,失去鼠标焦点后自动缩小。 效果图先放一张原图(鼠标还未移动到按钮上): 获得鼠标焦点的Button按钮:(这里因为是图片,放大不明显,所以笔者将按钮字体也一起改变,以做“放大前和放大后”区分) 程序主要代码: privatevoidbutton11_MouseEnter(objectsender,EventArgse)//鼠标移动到按钮上发生的事件{button11.Font=newFont("隶书",9);//设置按钮字体样式button11.Width

element ui el-tree控制树形结构全选、取消全选,展开收起

控制树形结构全选、取消全选,展开收起   折叠/展开 全选 清空 exportdefault{methods:{ //this.$refs.treetree是上面控件el-tree的ref属性的值 allExpanded(){ //展开还是收起 this.expanded=!this.expanded; vartreeNodeList=this.$refs.tree.store._getAllNodes(); for(vari=0;i

vue+el-upload 上传图片和视频小总结

一、图片下标,判断,base64,获取img标签等问题上传图片时用到的accept只会在用户点击上传时添加一个自定义文件类型,如添加了accept=".jpg,.png,",虽然会呈现出符合条件的文件,但用户仍可以通过点击所有文件类型来上传其他类型的文件,此时设置before-upload函数,参考el-upload上传组件accept属性限制文件类型(案例详解)_辰兮要努力的博客-CSDN博客_el-uploadaccept 结果只有accept在生效,ElementUIel-upload上传图片限制,before-upload不生效问题_老电影故事的博客-CSDN博客_beforeuplo

vue+el-upload 上传图片和视频小总结

一、图片下标,判断,base64,获取img标签等问题上传图片时用到的accept只会在用户点击上传时添加一个自定义文件类型,如添加了accept=".jpg,.png,",虽然会呈现出符合条件的文件,但用户仍可以通过点击所有文件类型来上传其他类型的文件,此时设置before-upload函数,参考el-upload上传组件accept属性限制文件类型(案例详解)_辰兮要努力的博客-CSDN博客_el-uploadaccept 结果只有accept在生效,ElementUIel-upload上传图片限制,before-upload不生效问题_老电影故事的博客-CSDN博客_beforeuplo

element-ui 修改el-form-item样式

文章目录form结构修改el-form-item所有样式只修改label只修改content只修改input只修改buttonform结构el-form:model="formData"label-width="80px">el-form-itemlabel="label1">el-inputv-model="formData.value1">el-input>el-form-item>el-form-item>el-buttontype="primary"@click="onSubmit">提交el-button>el-button>取消el-button>el-form-item>el-f

element-ui 修改el-form-item样式

文章目录form结构修改el-form-item所有样式只修改label只修改content只修改input只修改buttonform结构el-form:model="formData"label-width="80px">el-form-itemlabel="label1">el-inputv-model="formData.value1">el-input>el-form-item>el-form-item>el-buttontype="primary"@click="onSubmit">提交el-button>el-button>取消el-button>el-form-item>el-f

在vue项目里,Element-Ui中el-form 实现一行两个表单效果

1.首先使用elementUi中的Layout24分栏进行布局,将整个form表单放入24分栏里如图所示:2.再将需要同行显示的表单放入el-row中的el-col中去3.然后再根据你的需求控制一下表单大小就ok啦 全部代码:效果图如下: 

Vue2+Element-UI的el-steps封装与修改样式

 -->-->-->-->-->-->exportdefault{name:'StepsComponent',props:{currentStep:{type:Number,default:0},stepsArr:{type:Array,default:()=>[]}},data(){return{stepsData:[{title:'第1步',date:'完成时间:xxxx-xx-xxxx:xx:xx'},{title:'第2步',date:'完成时间:xxxx-xx-xxxx:xx:xx'},{title:'第3步',date:'完成时间:xxxx-xx-xxxx:xx:xx'},{tit

Layer ui 针对 radio 进行赋值操作

1、今天在写layerui进行radio 赋值操作的时候遇到了一个坑。。。简单记录一下。2、现在需要展示已经选中的redio值进行回显3、按照传统的Jquery的写法:$("input[name='experience'][value="+变量值+"]").prop("checked",true);4、但是在layerui中样式被封装了一层,通过Jquery的这种方式给予赋值的方式发现页面的dom元素确实也被checked选中了,但是就是没有生效。通过百度得知,需要在对layerui的form进行一遍渲染layui.use('form',function(){varform=layui.for