![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element
杨家八公子
这个作者很懒,什么都没留下…
展开
-
vue Element-ui 表格多选 修改选中行背景色
vue Element-ui 表格多选 修改选中行背景色原创 2022-12-20 17:07:44 · 2827 阅读 · 0 评论 -
ElementPlusError: [ElOnlyChild] no valid child node found
ElementPlusError: [ElOnlyChild] no valid child node found原创 2022-08-12 19:14:03 · 14229 阅读 · 2 评论 -
element-plus使用中文
element-plus默认是英文,要显示中文需要安装中文包Element Plus 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。如果通过 CDN 使用 Element Plus ,那么你需要添加以下代码,以下是一个 unpkg 的示例...原创 2022-07-06 14:09:35 · 7560 阅读 · 0 评论 -
cdn方式引入element-plus icon
浏览器直接引入element-plus使用icons-vuecdn引入element-plus使用icons-vuecdn引入element-plus使用icons浏览器引入直接使用element-plus的icons原创 2022-07-06 14:00:48 · 3960 阅读 · 3 评论 -
vue3+element-plus+TypeScript+Volar报红线 红色波浪线 vscode报红线
vue3+element-plus+TypeScript+Volar在vscode报红线 红色波浪线原创 2022-03-28 13:47:02 · 7270 阅读 · 8 评论 -
vue与element ui的el-checkbox的坑el-checkbox不能选中或者选中不能取消
一,场景 通过使用checkbox,实现如图的场景, 点击某个tag,实现选中和非选中状态。二, 官网的例子 通过切换checked值为true或者false来实现,一个checkbox的状态切换<template> <!-- `checked` 为 true 或 false --> <el-checkbox v-model="checked">备选项</el-checkbox></template><scr转载 2021-06-17 16:17:29 · 24142 阅读 · 10 评论 -
利用element的上传到自己服务器
现实中我们很多的需求是利用element的upload的ui来做上传功能,但是我们自己写上传规则,所以我们把上传规则写在before-upload里面 最后return false这样element就不会继续执行上传逻辑了页面ui部分代码 <el-upload class="upload-demo" accept=".jpg,.jpeg,.png" action="https://jsonplaceholder.typicode.com/posts/" :sho原创 2021-05-20 14:10:49 · 356 阅读 · 0 评论 -
利用FileReader读取element-ui中上传组件el-upload上传的文件,实现先本地预览后上传至服务器
用elment-ui的上传组件上传用户头像时发现它的图片预览是需要先将图片发送到服务器,返回一个图片地址,然后根据这个地址在头像区显示,但是我想要的是: 选取头像,后立即在头像区显示,(不涉及图片剪辑和图片区域选取),而不是先上传到服务器。那么就需要获取一个图片在本地的地址。浏览器出于安全考虑不让直接获取本地图片的路径,那我们就使用FileReader ( 或window.URL )去读取选择好的图片,返回一个DataURL,然后根据这个URL显示图片。那么在el-upload组件中如何获取到选好的原创 2021-05-20 14:04:18 · 2220 阅读 · 3 评论 -
利用qrcodejs2生成二维码并且利用html2canvas下载二维码
import QRCode from "qrcodejs2";import html2canvas from "html2canvas"首先项目中安装依赖 qrcodejs2 和html2canvas页面<div class="item_code" id="qrcode" xss=removed>js部分 setTimeout(() => { let shareUrl = res.data; //这里是要生成的内容...原创 2021-05-20 14:00:29 · 419 阅读 · 0 评论 -
高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]
init(){ var map = new AMap.Map('map-location', {//'map-location'是对应页面盒子的id resizeEnable: true, //自适应大小 zoom: 15//初始视窗 }); var infoWindow = new AMap.InfoWindow({ offset: new AMap.Pixel(0, -30) }); for (..原创 2021-04-23 17:35:23 · 2763 阅读 · 0 评论 -
取消elementUi的table自带的全选框
去掉element的全选功能.el-table /deep/.disabledCheck .cell .el-checkbox__inner{ display: none!important; }.el-table /deep/.disabledCheck .cell:before{ content: '选择'; position: absolute; right: 11px;}原创 2021-03-10 11:08:27 · 1175 阅读 · 0 评论 -
elementui封装table组件以及子父组件通信
<template> <el-table :data="tableData" border v-loading = "loading" element-loading-background = "rgba(0, 0, 0, 0.5)" element-loading-text = "数据正在加载中" element-loading-spinner = "el-icon-loading" style="width.原创 2021-03-10 11:04:57 · 405 阅读 · 0 评论 -
element-ui 进入页面 message 自动触发的问题
在按需引入 element-ui 组件的 message 时候,每次进入页面的会自动出现 message 提示,解决方法:通过加载组件的方式引入即可把Vue.use(Message) 改为Vue.prototype.$message=Message 或 Vue.component(Message.name,Message) ;注意:使用单独使用Message和MessageBox的时候,只要import { Message } from 'element-ui';就好...原创 2020-09-01 11:02:33 · 3245 阅读 · 2 评论