草庐IT

el-hardware-accelerated-execution

全部标签

element-ui组件Popover 弹出框,el-popover样式、定位以及二次确认弹出框自动关闭 问题

先说定位问题如果往里边动态添加内容,定位偏移下面是解决办法:绑定ref,最关键的是有这行代码:popper-options="{boundariesElement:'viewport',removeOnDestroy:true}"直接粘贴就行,这是html部分,在js部分也有一行代码click激活这是JS部分代码,this.$refs.popoverRef.updatePopper()这行代码意思是数据更新完重新计算位置,写在$nextTick里确保一定是数据更新完成之后,这几行代码放在你动态更新el-popover里的内容那行代码之后this.$nextTick(()=>{this.$ref

element-ui el-table分页后设置连续的索引(如排行榜)

目录 1、自定义 type=index 列的行号2、自定义indexMethod方法3、效果 1、自定义 type=index 列的行号通过给type=index的列传入index属性,可以自定义索引。该属性传入数字时,将作为索引的起始值。也可以传入一个方法,它提供当前行的行号(从0开始)作为参数,返回值将作为索引展示。{{row.product_name}}ID:{{row.product_common_id}}{{row.norm}}/{{row.unit}}2、自定义indexMethod方法//vue3constindexMethod=(index)=>{returnindex+1+(

Mac M1芯片本 Java环境(intelliJ Idea+JDK)安装及git识别bad CPU type in executable:xxx等兼容问题解决

        用了快七年的Mac电池鼓包退休,新Mac是M1芯片,软件安装遇到各种兼容问题,后来才意识到是芯片兼容问题。最后用的版本是:intelliJIdeaultimate2020.3或community2020.1+1.8jdk(ARM64版本)+resetta兼容一.Idealliji安装官网下载,Ideallijiultimate2020.3或community2020.1这俩都能用,只不过前者需要破解;安装的时候注意选applesilicon苹果芯片版本 二、JDK安装下载地址,注意选ARM64版本(oracle官网上装这个1.8还要注册oracle账号,下面的地址不需要注册)​

Element UI el-row el-col实现一行5列

ElementUIel-rowel-col实现一行5列1、实现效果2、代码1、实现效果2、代码el-row:gutter="20">el-col:span="5">info-cardlabel="装机容量":num="stationInfo.capacity?stationInfo.capacity:'--'"numColor="#15BC83"numUnit="kWh":icon="require('@/assets/card/icon_card_cnzgl.png')"/>/el-col>el-col:span="5">info-cardlabel="投运时间":num="stationI

el-table滚动加载、懒加载(自定义指令)

我们在实际工作中会遇到这样的问题:应客户要求,某一个列表不允许分页。但是不分页的话,如果遇到大量的数据加载,不但后端响应速度变慢,前端的渲染效率也会降低,页面出现明显的卡顿。那如何解决这个问题呢  我们可以用模拟分页,当滚动条滚动到底部时再次加载剩余的部分数据,触底加载,直到加载完成。先看一个线上的演示示例:https://code.juejin.cn/pen/7273420104565456953开发思想参考:https://blog.csdn.net/weixin_43340372/article/details/132601018?spm=1001.2014.3001.5501代码//伪

element 的 el-cascader 组件获取级联选中label和value值

1. 多选时 获取 cascader级联选择器的label值    需要给el-cascader加ref用以获取值//级联选择器//方法handleChange(){consttextArr=[];constarr=this.$refs["refCascader"].getCheckedNodes();arr.forEach((i)=>{textArr.push(i.pathLabels);});console.log(textArr);}, 获取后的样式2.单选时获取 cascader级联选择器的值 //element级联选择器//methods方法handleChange(a){const

elementUI中el-select数据分页懒加载实现

前言工作中使用elementUI框架时,会经常用到下拉框展示数据,如果数据量很大会影响页面的渲染加载速度。遇到这种情况,通常后端代码会将数据做成分页查询,前端下拉框组件也要支持滑动到底部会自动加载下一页数据。话不多说,直接上代码。正文代码第一步,创建select-load-more.js文件//定义全局自定义指令importVuefrom'vue'constselectLazyLoad=function(Vue){//el-select组件数据过多,使用翻页加载数据指令Vue.directive('selectLazyLoad',{bind(el,binding){constSELECT_WR

xcode - 是否可以在 El Capitan 上运行 Xcode 6.3?

我真的很想尝试ElCapitan,但我不知道是否可以在其上运行旧的Xcode,因为它现在对我来说至关重要。有人试过吗? 最佳答案 在终端上运行这个命令:/Applications/Xcode.app/Contents/MacOS/Xcode/dev/null 关于xcode-是否可以在ElCapitan上运行Xcode6.3?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/308

Oracle并行执行(Oracle Parallel Execution)

  通常情况下,数据库任务处理是单进程的,即一个任务的所有内容都由一个进程完成,当单个任务较大时,存在效率低下的问题。目录一、并行执行概念1.1并行执行适用场景1.2进程池1.3并行执行的过程二、开启并行执行2.1手动设置并行度2.1.1在对象级别指定并行度2.1.2在会话级别指定并行度2.1.3在SQL中使用提示(hint)指定并行度2.2默认(自动)并行度2.3并行语句队列三、并行执行设置参数一、并行执行概念   并行执行是指在处理SQL任务时,例如扫描表、表连接及各种DDL操作,都可以利用多个进程并行处理,每个进程处理原任务的一小部分,从而提升响应速度。1.1并行执行适用场景现代计算机通

Idea 中编译maven项目报错:[ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.3

编译报错如下:com.google.inject.ProvisionException:Unabletoprovision,seethefollowingerrors:1)NoimplementationforMavenResourcesFilteringwasbound. whilelocatingResourcesMojo1error======================Fullclassnamelegend:======================MavenResourcesFiltering:"org.apache.maven.shared.filtering.MavenRe