草庐IT

custom-element

全部标签

Element-ui中的el-image的图片预览功能(:preview-src-list)

今天用了element-ui中的图片预览功能,但是它的图片预览功能只能预览事先定义的图片,与我的业务功能完全不符,我的业务功能是在表格上显示多张图片,当点击图片时,就预览当前点击的图片。所以我将其修改了一下,将后端返回的图片依次渲染在页面上;功能就是当点击表格中的某个图片时,这个图片就被放大预览,且图片的显示是以轮播图的形式展现出来。              上面的这段代码与element-ui中的没有区别,唯一的区别就是我设置了一个点击事件click。在下面的js中,定义srcList(也是就是我的evaluatePictureList)变量。:src是显示的图片,我使用v-for来动态创

Vue对Element中的el-tab-pane添加@click事件无效

Vue对Element中的el-tab-pane添加@click事件无效发现问题使用element-UI中的el-tabs的时候el-tabsv-model="activeName"@tab-click="handleClick">el-tab-panev-for="iteminproductList":key="item.categoryId":label="item.categories":name="item.categories"@click="tabClick(item.categoryId)">/el-tab-pane>/el-tabs>想给每一个tab绑定事件,并传递id值,但是

element-ui table 设置表格滚动条位置

场景:在切换不同页面时(被keep-alive缓存的组件间切换),页面中的element-uitable的滚动条位置没有停留在原来的位置。目前需要切换不同的页面返回来后,滚动条保持在原来的位置。代码:  ...exportdefault{data(){return{    //表格滚动条位置    scrollTop:0}}, mounted(){//监听滚动条的位置  this.$refs.table.bodyWrapper.addEventListener(  'scroll',  (res)=>{  this.scrollTop=res.target.scrollTop  },  fal

爬虫:AttributeError: ‘WebDriver‘ object has no attribute ‘find_element_by_id‘

1.问题:        在学习爬虫中的selenium部分时,出现AttributeError:'WebDriver'objecthasnoattribute'find_element_by_id'问题。2.原因:        由于版本迭代,新版的selenium已经不再使用find_element_by_id方法。3.解决办法:    将button=browser.find_element_by_id('su')修改为如下语句,button=browser.find_element(By.ID,'su')    再在其代码页的最前端添加下列代码,fromselenium.webdriv

element ui表单中v-if 和v-else的使用

1、v-else必须要和v-if匹配使用,v-else不能单独使用。//在template标签中,添加v-if元素并赋值查看{{scope.row[item.propName]}}2.在表格中自定义字段名bodyData:[{propName:'HANDLE_USER',alignType:'center',colWidth:'',labelName:'当前处理人'},{propName:'action',//自定义字段名alignType:'center',colWidth:'',labelName:'工单处理'},],结论:vue中的条件语句,v-else是v-if的条件为不成立时,就会对

vue element ui里的日期时间选择器 中国标准时间转化为年月日时分秒

上面代码效果图elementui上的日期时间选择器里面的时间为中国标准时间,选择时间,打印出来为下图但一般后台需要的是年月日时分秒,需要我们进行处理data(){return{beginTime:null,endTime:null,}}methods:{filterTime(time){vardate=newDate(time);vary=date.getFullYear();varm=date.getMonth()+1;m=m补充——————————————————————————————————elementui上面有个属性format显示输入框里面的格式。重点:value-format=

vue3+element-plus上传文件,预览文件

vue3+ts+element-plus上传文件,预览文件场景:使用element-plus的el-upload标签,手动上传文件,可预览docx,xlsx,pdf,jpg,jpeg,png(本地资源以及网络资源)。1、使用el-upload标签检查上传文件的文件格式与大小上传的附件信息在fileList中,组装接口所需数据进行上传使用docx-preview插件预览docx类型的文件使用xlsx插件预览xlsx文件这里遇到了问题,引入xlsx插件的时候出现"export‘default’(importedas‘XLSX’)wasnotfoundin'xlsx’报错解决:直接将importXL

element UI 动态生成表头

    最近开始搞vue了。    由于elementUI中的table不能像antd里的table直接注入json字符串生成表头,这导致了不能轻松的通过后台生成表格,或是对表头进行排序,在网上参考找了一种最简易的方法,可以给表格里面注入各种自己想要的效果,代码如下:{{scope.row.status}}{{scope.row.status}}{{scope.row[th.prop]}}修改删除相应的json字符串为以下:tableColumns:[{id:1,label:'岗位编号',prop:'id',align:'center',disabled:true,visible:true,}

Element Ui 实现表格单选功能

今天碰到一个需求,把element-ui中的table多选框改成单选框,实现单选功能话不多说,直接上代码exportdefault{data(){return{tableData:[{id:'1',date:'2016-05-03',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{id:'2',date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{id:'3',date:'2016-05-04',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{id:'4',date:'201

使用Element-plus库时,控制台出现警告:$weight: Passing a number without unit % (0) is deprecated.

虽然不影响项目的正常运行,但是看着挺不爽的... 在网上找了很多资料,终于在这个回答:DevelopersCommunitybyKeenThemes||sasswarning,can'tfindthecauseoftheproblem找到了有效的方法,修改sass和sass-loader的版本:"sass":"1.55.0","sass-loader":"13.2.0",