el-dialog loading dialog el
el-table去掉鼠标悬停的效果,隐藏表头
1、去掉悬停效果 添加样式 /* 去掉鼠标悬浮效果 */ .el-table tbody tr:hover > td { background-color: transparent !important } 2、隐藏表头 el-table 添加属性 :show-header :show-header ......
elementui el-upload 实现不自动上传功能,点击确定在上传,并且显示上传进度条功能
<div> <div class="row mt-2"> <div class="col-lg-12"> <label>agent文件名</label> <input v-model="addParams.newAgent" type="text" class="form-control" plac ......
el-table实现滚动效果
实现步骤: 1、方法 methods: { scroll(){ let el = document.querySelector('.el-table__body-wrapper') el.addClassName = 'anim' setTimeout(()=>{ // console.log(th ......
记一次由于loading未配置导致的bug及解决方案
在做项目的时候,由于一开始没有对loading做统一的配置,每个成员根据自己的需要去开启关闭loading, 导致在页面请求比较多,网络比较差的时候,loading容易开开关关闪烁,导致用户误操作; 然后我就为loading做了个优化,首先是在根组件App.vue 增加了一个loading, 在st ......
让Element-ui的dialog对话框根据浏览器屏幕大小自适应
需求:让Element-ui的dialog对话框根据浏览器屏幕大小自适应 实现如下: ......
记Redux下载后,运行examples/todos时,报错Error: error:0308010C:digital envelope routines::unsupported 和 Failed to load config "react-app" to extend from.
1、Redux 下载 下载地址 git clone https://github.com/reactjs/redux.git 进入examples/todos,下载依赖: npm install 2、问题复现及解决 执行命令 npm run start 此时终端报错: Error: error:03 ......
el-row + el-col
Element-Plus —— el-row + el-col element 是把每行划分为 24 个分栏 span 规定一个 col 占据 24 份中的多少份 平分一行为两列: <el-row> <el-col :span="12" >示例1</el-col> <el-col :span="12 ......
elemen-plus点击空白处关闭el-popover
问题: el-popover设置 :visible 手动关闭弹窗后,无法点击空白处关闭弹窗。 解决方案: <script setup lang="ts"> import { ref, unref } from "vue"; import { ClickOutside as vClickOutside ......
解决el-button按钮点击后没有失去焦点
const toggleVulnStatus = (event) => { let target = event.target; if (target.nodeName == 'SPAN' || target.nodeName == 'I') { target = event.target.pare ......
2、el-image设置error图像
注意和2.0不同 <el-table-column label="人脸图像" align="center" prop="imageUrl" width="200px"> <template #default="scope"> <el-image :src=getImgUrl(scope.row.im ......
vue2+element 表单内使用el-rate组件时,校验失败后重新校验通过了,但校验提示信息未消除
问题:el-rate组件自定义的校验规则,必填项。打开表单,不做任何动作,点击提交,这时表单校验一次,然后再选择el-rate组件的评分,校验提示却并未消除。 问题复现: 1.打开表单,直接点确定 2.填写完所有的选项后,仍未消除提示 解决:首先排除了v-model是否绑定正确,单词有无错误,校验有 ......
ETL (Extra-Transform-Load)
背景介绍 随着企业的发展,目前的业务线越来越复杂,各个业务系统独立运营。例如:CRM系统只会生产CRM的 数据;Billing只会生产Billing的数据。各业务系统之间只关心自己的数据,导致各业务系统之间数据相互独立,互不相通。一旦业务系统之间进行数据交互,只能通过传统的webservice接口之 ......
react 使用 antd 创建全局loading
代码如下: import ReactDOM from 'react-dom'; import { Spin } from 'antd'; export const showGlobalLoading = () => { const dom = document.createElement('div' ......
关于解决vue报错"Problems loading reference 'https://schemastore.azurewebsites.net/schemas/json/package.json': Unable to load schema from...
打开setting时会看到有一条三角形的警告信息 看问题描述:无法从该网站加载 解决方法: 打开设置,找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置: "json.sc ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
el-menu 选择子菜单 父菜单没高亮
/* 子菜单active */ .page-sidebar .el-menu-item.is-active .iconfont-cahnge { color: #cc0000 !important; } /* 主菜单和子菜单同active */ .page-sidebar .el-submenu.i ......
v-loading 对滚动轴部分遮盖不全
问题场景 给有滚动轴的盒子添加了 v-loading 遮罩层,但发现:当盒子内容滚动到底部,刷新页面时,遮罩层无法覆盖盒子底部的区域。如下图所示: 模板代码 <div class="content" v-loading="defLoading"> <el-form class="form"> <!- ......
el-tree筛选时保留父节点和子节点
watch: { filterText(val) { console.log('val', val); this.$refs.tree.filter(val); } }, methods: // 筛选 filterNode(value, data, node) { if (!value) retur ......
nmap: error while loading shared libraries: libpcap.so.1: cannot open shared object file: No such file or directory解决方法
nmap: error while loading shared libraries: libpcap.so.1: cannot open shared object file: No such file or directory解决方法 nmap运行报错解决方法 在centos7里面直接安装lib ......
【SpringBoot】单元测试报错java.lang.IllegalStateException: Could not load TestContextBootstrapper [null]
一、运行test类方法时候报错 二、分析原因,发现版本不一致 三、找到pom文件, 把<version>RELEASE</version>注释掉,刷新一下maven依赖 四:修改后,依赖版本一致。 这样,就可以运行了。 ......
如何给el-table中某一列加指定内容和点击事件
背景: 小颖最近在写项目时遇到了要给 element-ui 中的 el-table 在 v-for el-table-column 标签时给某列加内容和点击事件,项目忙完了想着总结一下,下面一起来看下具体怎么实现吧 页面效果: 公共数据: data() { return { tableData: [ ......
kore load 模块的一些功能
目前此玩法官方文档暂时没介绍,但是示例中包含,感觉比较有意思,所以说明下 参考使用 配置 如下,就是包含了一个共享模块的路径以及一个字符串,这个字符串实际上是模块中的一个方法,可以实现一个当模块加载时候的任务 load ./memtag.so init 参考代码 #include <kore/kor ......
el select 选项多列,换行,表格,数据量大,全部显示,自定义el-select,el-select插入表格
1、效果图: 2、实现: 自定义下拉框内容,采用radio或checkbox作为选项绑定值 <template> <el-select v-model="selectValue" v-bind="$attrs" clearable> <!-- 隐藏的option组件,展示下面的插槽 --> <el- ......
el-table修改某一行数据不生效怎么回事?
1 <el-table 2 ref="multipleTable" 3 :class="{ 'no-multiple': !isMultiple }" 4 @select="selectTable" 5 border 6 :key="isUpdate" 7 :data="tableData" 8 > ......
如何动态展开el-tree的某个子节点
需求: 当添加文件夹或者表单时展开该节点 addChildDirectory(node, data) { this.$nextTick(() => { // 重命名时展开改文件夹 this.$refs.tree.store.nodesMap[data.id].expanded = true; }); ......
el-table动态表头踩坑
// 获取表格动态表头 getTableHead(data){ let _list = []; if(Array.isArray(data) && data.length>0){ data.forEach((item, index) => { let obj = {} item.evaluateVa ......
vue指令封装(按钮权限、loading加载、slideIn窗口进入动画)
vue 指令 vue 本身具有一些指令,但是有些指令是 vue 作者自己写的,有些是第三方插件写的。 v-if v-if 指令是用来控制元素是否显示的,如果值为 true,则显示,如果值为 false,则隐藏。 <div id="app"> <p v-if="isShow">我是显示的内容</p> ......
el-tbs 权限控制
1. 需求 需求:实现一个 el-tabs 的权限控制,只有管理员才能操作,普通用户既看不到也不能操作 2. 分析 一般要实现按钮权限控制都是使用封装指令 v-permission 指令,但是类似“Tabs”这类组件不能使用 v-permission 指令实现权限控制。 因为 v-permissio ......
Could not load dynamic library 'libnvinfer.so.7' 解决方法
1.首先安装TensorRT pip install tensorrt 2.找到tensorrt_libs目录,一般在~/.local/lib/python3.10/site-packages/tensorrt_libs/。目录下可以看到libnvinfer.so.8等文件 注:有些教程说的是ten ......
el-input 格式化输入值
1. 只允许输入数字,并保留两位小数 <el-input class="config-input" type="number" v-model="v.minHeight" placeholder="" :min="0" @input="v.minHeight = Number(Number(v.mi ......