element-ui
sxs7970
这个作者很懒,什么都没留下…
展开
-
el-popover的使用
之前在做pc端接通腾讯IM聊天的时候,需要发送表情包,这里用到了element-ui的el-prpover 组件,具体使用也是参考了别人的一篇文章 点击下边是我自己使用的<tempalte> <el-popover placement="top-start" width="400" trigger="click"> <div class="emojis"> <.原创 2021-08-24 15:05:23 · 2610 阅读 · 0 评论 -
关于element-ui中table表格的坑
使用element-ui的table的时候,遇到的坑,在使用@row-click和@selection-change 同时的时候,貌似耦合了,直接上:解决方法<el-table @selection-change="onChange_selectChange" ref="twoTable" :data="tableData" style="width: 100%" :expa.原创 2021-07-16 17:16:01 · 325 阅读 · 0 评论 -
element全局点击遮罩层关闭Dialog弹窗
//main.jsimport ElementUI from 'element-ui';// 修改 el-dialog 默认点击遮照为不关闭ElementUI.Dialog.props.closeOnClickModal.default = false;原创 2020-07-03 13:43:40 · 3628 阅读 · 3 评论 -
上传视频
使用element-ui的上传组件 beforeUploadVideo(file){//上传之前 var isLt10M = file.size / 1024 / 1024 < 10;//大小 if(['video/mp4', 'video/ogg', 'video/flv','video/avi','video/wmv','video/rmvb'].inde...原创 2019-12-03 22:33:32 · 636 阅读 · 0 评论 -
使用element-ui中的table表格带全选按钮,想要再次点击清空所有的选择
给table表格添加一个 ref if(this.eleSelectsData) {//点击全选后数据所有选择的数据存到这个数组里边 this.eleSelectsData.forEach(row => {// this.$refs.multipleTable.tog...原创 2019-11-17 18:10:07 · 3276 阅读 · 0 评论 -
Vue项目中使用element-ui的el-table组件以及修改表头的颜色和实现每行的不同状态(隔行变色)
element-ui官网也有使用说明,所以这里直接上代码!<template> <el-table :data="myData" :row-class-name="tableRowClass" :header-cell-style="headeRowClass"> <el-table-column label=...原创 2019-10-13 14:36:16 · 6515 阅读 · 6 评论 -
vue使用element-ui组件中的日期时间选择器下拉框位置渲染的"bug"
在之前做个一个组件页面中,引用了element-ui组件的日期选择器,遇到的一个小问题,就是在渲染出来下拉选择框的位置上出现问题,第一次渲染出来,位置正常,第二次选择的时候,发现位置偏得离谱。解决在做显示隐藏的时候,用的是 v-if ,如果不了解v-if 和 v-show 的区别的话可以去vue官网或者百度一下。解决方法就是你把v-if换成v-show就行了。如果你用v-if的话每...原创 2019-08-24 13:21:17 · 6017 阅读 · 2 评论