el-radio element radio el
element表格table点击行，改变当前行的背景颜色
参考：https://blog.csdn.net/qq_33347991/article/details/129870567 实际应用如下： ......
el-table 某些行不可勾选
官网文档 selectable 属性 代码 <el-table-column align="center" type="selection" width="55" :selectable="checkSelectable" /> checkSelectable(row) { return !row. ......
el-upload只展示导入按钮
<el-upload ref="keyupload" class="upload-demo" :action="actionUrl" :on-preview="handlePreview" :on-remove="handleRemove" :headers="{ Authorization: to ......
在el-dialog中使用Loading
说明：这里使用的代码是 vue3 + TypeScript，下面是全部代码： <template> <div> <el-dialog :title="title" v-model="open" width="500px" :close-on-click-modal="false" // 鼠标点击弹窗 ......
element el-select value-key 的bug
element-plus value-key不生效，el-eselect tag 不显示，el-select lable不显示，"element-plus": "2.1.8 select bug，下拉选择框，绑定对象不回显。el-select__tags-text 为空，下拉框内tags不显示，内容... ......
el-dialog v-modal 关闭后 有透明遮罩未关闭 突然出现 v-modal-leave 样式 导致
/* 数据量大与遮罩交互冲突优化 */ .v-modal.v-modal-leave{ display: none; } ......
图片预览 el-image-viewer
https://element.eleme.cn/#/zh-CN/component/image el-image-viewer 参考： https://blog.csdn.net/qq_45317281/article/details/129246407 https://blog.csdn.net ......
Introduction to Finite Element Method (FEM) for Beginners
https://www.youtube.com/watch?v=C6X9Ry02mPU&ab_channel=SolidMechanicsClassroom ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
Element Ui 的表单验证
一、简介 二、过程 三、问题 一、简介 element ui基于 Vue 3，面向设计师和开发者的组件库，很好用 本文介绍有关表单验证的相关的内容。 参考至： 去看看 二、过程 1.使用 1.1 在form 里面加上rule <el-form ref="loginForm" :model="logi ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
elementui(element-plus)中el-alert实现换行的方法
elementui(element-plus)中el-alert实现换行的方法 <el-alert title="说明：" type="warning" show-icon> <div>1、账号跟密码卡不能重复</div> <div >2、密码长度必须超过10位数</div> </el-alert> ......
element表格合并单元格+上移下移
// template <el-table :data="tableData" :span-method="tableSpanMethod" size="small" border style="width: 100%"> <el-table-column label="排序" align="cen ......
el-table导出当前页数据
下载依赖 npm i --save https://cdn.sheetjs.com/xlsx-0.20.1/xlsx-0.20.1.tgz npm install file-saver --save el-table添加id <el-table id="outTable" >//添加id 拼接导出函 ......
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
vue2 radio单选
<span v-for="item in radioData" :key="item.value"> <input type="radio" @click="chcekRadio($event)" name="abutmentVal" v-model="myData.abutmentVal" :id ......
el-table 设置合并行或列时，显示错乱问题
1. 需求效果图： 2. 接口数据格式： 点击查看代码 const list = [ { contractNo: "CAI-20220801001", contractItem: "用户质量指数", count: 15234, customerItems: [ { contractNo: null, ......
饿了么组件上传图片 element-ui upload Cannot set property ‘status‘ of null错误解决方案
element-ui upload Cannot set property ‘status‘ of null错误解决方案：https://blog.csdn.net/a1455990364/article/details/109227132?spm=1001.2101.3001.6650.8&utm ......
element UI 数据表和分页搭配使用 汽油价格查询
<template> <div style="width: 1000px; margin: 0 auto;"> <el-table border :data="tableData" style="width: 100%"> <el-table-column prop="Region" label=" ......
el-upload上传组件
使用el-upload上传文件 <template> <div> <el-upload action="/upload" :on-success="handleSuccess" :on-error="handleError" :before-upload="beforeUpload" > <el-b ......
el-input支持Tab输入
<el-input ref="tabInput" type="textarea" :rows="10" @keydown.9.native.prevent="tabInput" v-model="tabContent"> </el-input> tabInput(e){ const elInput= ......
el-badge绑定了点击事件，但点击没有效果
el-badge绑定了点击事件，但点击没有效果 <el-badge value="设置" @click="askSettingGroup"> <span>{{ item.name }}</span> </el-badge> 解决方式，加上.native <el-badge value="设置" @c ......
ElementUI中el-tree-select使用
<el-tree-select multiple v-model="org" check-strictly :data="state.orgData" check-on-click-node :render-after-expand="false" :props="state.typeProps" ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......
element 表格排序展示 动态
<template> <div> <el-row> <el-col :span="2"> <div class="grid-content bg-purple"> <el-input v-model="user.name" placeholder="请输入 姓名"></el-input> </div ......
element中table表格-某列根据条件合并成多个单元格
###export default 和export的区别？ export命令，为模块指定默认输出。 一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面demo说明使用：``` <template> < ......
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type
问题： Element implicitly has an 'any' type because expression of type 'string' can't be used to index type No index signature with a parameter of type ' ......
[element-ui] el-tabs修改绑定值切换标签无效
今天发现el-tabs一个奇怪的bug： tabs绑定v-model，第一次给绑定变量赋值跳转有效，点击切换tab后再次修改绑定变量，此时跳转无效，要手动调用setCurrentName方法。 调用方法如下（假设给tabs设置ref为'tabs'）： this.$refs.tabs.setCurre ......