el-transfer checkbox transfer element
vue3使用表格el-table-infinite-scroll.js:18 Uncaught (in promise) Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.
先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view element-plus 下载完之后 就有了 ......
C#自定义checkBox开关按钮控件，设计漂亮美观的UI按钮
第一步： 先准备开关按钮要使用到的背景图片，一张是开启的，一张是关闭的，如下图： 一共有6种款式，大家也可以全部加进去 然后将这些图片作为资源文件添加到项目中，如下图： 第二步、新建用户控件，命名为：ButtonCheck.cs ButtonCheck.cs 代码如下： /// <summary> ......
Element Plus 实现Icon图标的自动导入
> Element Plus 官方文档对于Icon图标的自动导入，言之甚少。故博主来写篇文章总结一下，如何正确使用 [unplugin-icons](https://github.com/antfu/unplugin-icons) 和 [unplugin-auto-import](https://g ......
2023-07-06 uview-ui组件u-checkbox设置label-disabled无效==》点击文本仍旧触发checkbox
解决方案：既然无效，那就给checkbox包裹的文本绑定一个点击事件，该点击事件使用.stop来阻止事件冒泡，这样点击文本就不会触发checkbox的change了，可以参考一下代码： <u-checkbox> <view @click.stop="stopBack"> </View> </u-ch ......
vue+element ui 表格选中特定行导出为excel
1：使用场景： 当选中表格中某几条数据（图中演示的为两行选中一行）进行导出为excel（如图二） 2：安装依赖： npm install --save xlsx file-saver npm install -D script-loader 3：引入依赖文件： 在src文件夹中创建名为excel的文 ......
Element循环生成的表单如何添加校验规则
数据结构 let ruleForm = ref({ List: [ { deviceName: "", //设备名称 tagName: "" //标签名称 } ], remark: "" //备注 }); //表单参数 表单校验规则 const rules = { deviceName: [ { r ......
WINUI ListBox中的CheckBox绑定ViberModel中属性
下述代码中 ElementName=BtnBatch 中的BtnBatch 是非Listbox中的控件，是一个能正常绑定ViewModel中属性的控件名；如此即能解决在ListBox中的DataTemplate不能直接绑定后端一些属性的问题（当然这不是temSource绑定定的属性）。 <Items ......
Element-plus按需导入后，组件的正确使用和使用组件时TS报错找不到名称“xxxx”
## 1. 按需导入后使用组件 **Element-plus组件库的示例代码中，都`import`导入了组件，如：** ```vue As a service ``` 很多人就跟着复制了代码，包含了import语句，然后这时候去看界面，**==发现样式有问题==**，这是因为我们手动导入了组件，但没 ......
element-ui的el-dialog主体滚动的小技巧
# 一. 场景 element-ui的el-dialog的主体内容变多的时候，应该需要滚动条，所以解决方式： 1. 局部/全局设置样式； 2. el-dialog源码改造。 注意：看完了解思路，掌握max-height和overflow:auto的联合使用，el-scroll的使用即可 # 二. 方 ......
Element-plus按需导入报错：Error: Cannot find module 'node:module'
## 1.问题 1. vue3项目使用ElementPlus组件库，配置按需导入: 2. 首先安装`unplugin-vue-components` 和 `unplugin-auto-import`这两款插件 ```bash npm install -D unplugin-vue-component ......
Element 自定义指令 下拉分页，获取无限数据
## template 代码 ```js ``` ## data 下拉数据： ```js batchList: { list: [], total: 0, pageNo: 1, pageSize: 100 }, ``` ## methods 方法： ```js import { uniqBy } f ......
Element-常用组件-表格-表单-对话框-分页工具条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--格式--> <style> .el-table .warning-row { background: oldlace; } ......
Element select表单必填验证
特别注意：如第一段代码这里的区别是prop和v-model绑定的值不一样，这样的话是不行的，他们两个的值必须一样！！！！！而且还有一种情况，就是roleStatus必须要放在form里面，而且还必须是一个数组！！！！ ![](https://img2023.cnblogs.com/blog/1119 ......
element-ui表格多选
<template> <el-table size="medium" v-loading="tableLoading" :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" stripe height="100% ......
Element-布局
Layout布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-row { margin-bottom: 20px; } .el-col { border ......
Element-快速入门
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div> <el-button>默认按钮</el-button> <e ......
element-ui弹出框模板
<el-dialog width="650px" append-to-body :show-close="false" :modal="false" :visible.sync="dialogRegisterVisible"> <el-form v-show="!isLogin" ref="regi ......
element-ui表格模板
<template> <div class="container"> <div class="breadcrumb"> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item>个人中心</el-breadcr ......
vue+element-ui 实现可编辑表格、动态渲染表头和表格数据、列向数据合计（每行末尾合计功能）
HTML部分代码 <template> <div> <el-container> <el-header>Header</el-header> <el-main> <div> // 表格数据在这里： :data="tableData" <el-table border :data="tableData ......
vue element admin 环境搭建
# 安装node.js及npm 参考官网 ``` node -v npm -v ``` # 项目下载 ``` # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 安装依赖 npm install #设置淘宝仓库 ......
wpf checkbox控件模板
先看一下上一篇文章：wpf button控件模板。再看此文会更好理解 vs生产的checkbox控件模板有很长，我们直接找到controltemplate标签，和controltemplate.triggers。控件模板都先找这两个地方看一下布局和触发器既可以了。剩下的都是定义的一些资源和样式。 c ......
Element
Cascader 选择任意一级选项 点options选项 自动关闭弹窗 ``` let that = this; await this.$nextTick(); document .querySelectorAll(".el-cascader-panel .el-radio__input") .fo ......
Element ui plus --- el-select 下拉框下拉选项过多导致页面卡顿处理方法
业务场景： 多个页面调用同一个接口 作为下拉框的选项数据，接口返回上千条 导致页面异常卡顿 解决办法： 使用Select V2 虚拟列表选择器 代码示例： <el-form-item label="场所名称"> <el-select-v2 class="row-inp" v-model="query ......
element ui 里面的表格 导出word形式 直接下载到本地
干吧家人们 可以根据后端返回的接口里面的地址直接把他下载下来 可以使用 let link = document.createElement('a'); let objectUrl = res.data.path； //重要重要的是这个 这个是后端返回回来的地址 link.setAttribute(" ......
element-ui 日期时间选择框picker-options如何禁用时间范围( 多个时间范围判断 )
1. element-ui 算是我们在开发中用到最多的pc端 ui框架，今天公司正好有一个需要用到 date-picker 的日期插件 2. 需求是这样的： 共有三个时间选择器，后一个时间选择器要结合前面一个时间的范围值，去做时间判断，禁用前面所选时间，保证不可有重复时间 结果是这样子：（根据前者的 ......
element新增自定义rules验证
data中添加属性 //电话验证 const validatePass = (rule, value, callback) => { let valueStr = value+'' if (valueStr.length != 11 || !valueStr.startsWith('1')) { c ......
Element-plus的徽章组件el-badge
Element-plus的徽章组件el-badge Element Plus 是一个基于 Vue.js 的 UI 组件库，它提供了一系列的常用 UI 组件供开发者使用。其中，徽章组件(el-badge)是其中之一。 徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字，用于标记某种 ......
element-plus vue3 dialog form 清空 重置 resetFields
参考：https://blog.csdn.net/zhengjf123/article/details/127293374 参考：https://blog.csdn.net/Start2019/article/details/100091495 ......
Vue3+Element-Plus安装及模拟增删改查
软件安装：nodejs16 https://nodejs.org/download/release/v16.20.0/ 将npm设置为淘宝镜像： npm config set registry https://registry.npm.taobao.org 创建vue3项目： npm init vu ......