Element
关注
分享
扫一扫
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
倘若hfl
这个作者很懒，什么都没留下…
展开
-
Element表格单元格的几种点击事件
1.cell-click 单元格触发事件<template> <el-table :data="tableData" style="width: 100%" @cell-click="goclick"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="n原创 2021-01-25 10:44:12 · 12178 阅读 · 0 评论 -
Element日期选择框，今天之前，今天之后禁用操作
Element日期的禁用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Element日期禁用</title> <link rel="stylesheet" href原创 2020-12-17 14:53:49 · 1290 阅读 · 1 评论 -
使用Element的upload上传图片及图片预览，删除等
代码中都有相关注释，其他属性可查看element官网<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&g.原创 2020-12-17 11:06:04 · 3099 阅读 · 1 评论 -
Vue报错：TypeError: Cannot create property ‘xxxx‘ on string
使用element的upload上传时报错出现这种错通常是你的数据和需要的数据格式不匹配查看官网发现需要的是这种格式[{},{}]我的代码 输出的是[‘url1’,‘url2’]正确代码handlesuccess(res, file, fileList) { var that = this // that.fileList.push(res.info.url) //['url1','url2'] 错误的 var lists = {原创 2020-12-14 14:59:17 · 12574 阅读 · 0 评论 -
Element的message消息提示每次只出现一个
使用element的message消息提示框有时出现这种重复弹出情况解决办法if(document.getElementsByClassName('el-message').length == 0){ //也就是当前没有提示弹窗 that.$message('xxxxx') }这样同时有个问题，上一个提示没消失之前下一个消息提示不会出现，还是显示上一个所以使用以下方法，在消息提示之前关闭之前所有的消息提示this.$message.closeAll();..原创 2020-12-11 16:18:00 · 3217 阅读 · 1 评论 -
element表格导出excel
element不借助其他插件导出excel直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link re原创 2020-12-11 15:27:46 · 618 阅读 · 1 评论 -
element表格样式修改
element表格常用样式修改width设置表格每列宽度设置一般写死宽度直接 width='xxx' 但是设置百分比无效设置百分比 min-width='xx%'min-width 是会按照比例分配剩余宽度的，也就是自适应min-width='2' 也可以直接设置数字注意：使用 min-width 必须每列都设置，否则没设置的那列会很长表格线条设置element默认的表格线条比较淡，可以通过这些属性修改.el-table td,.el-table th.is-leaf,.el-t原创 2020-12-11 15:09:57 · 1187 阅读 · 1 评论 -
element实现点击每列展开数据行
element实现点击每列展开数据行element官网的有个Table 展开行功能，但是只能点击固定列展开，我想实现点击指定列都能展开对应数据，利用一些属性稍微改造了一下表格代码片段展开行代码片段一些属性含义，官网都有解释toggleRowExpansion(row) //主要这一句，切换某一行的展开状态欢迎大家一起讨论，一起成长...原创 2020-12-11 11:43:17 · 1943 阅读 · 7 评论