随笔分类 -  elementUI,前端框架

摘要:记录当前页面 select 下拉框的ref (若是table 列表里的 则 先监听table的滚动事件) <el-select ref="carrerSelect"></el-select> this.$refs.carrerSelect.handleClose() handleClose()方法是 阅读全文
posted @ 2023-07-24 17:20 伟笑 阅读(406) 评论(0) 推荐(0)
摘要:<template> <div class="page"> <el-table :data="tableData" ref="singleTable" highlight-current-row border style="width: 100%" > <el-table-column label= 阅读全文
posted @ 2021-01-28 17:13 伟笑 阅读(3930) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/weixin_43180359/article/details/106213668 https://www.jianshu.com/p/7d998aae1fd7 阅读全文
posted @ 2021-01-28 10:12 伟笑 阅读(2178) 评论(0) 推荐(0)
摘要:文件目录: i18n.js: import Vue from 'vue' import VueI18n from 'vue-i18n' import en from './lang/en' import cn from './lang/cn' import enLocale from 'elemen 阅读全文
posted @ 2021-01-20 10:52 伟笑 阅读(275) 评论(0) 推荐(0)
摘要:组件代码: <template> <el-color-picker v-model="theme" class="theme-picker" :predefine="predefineColors" popper-class="theme-picker-dropdown" > </el-color- 阅读全文
posted @ 2021-01-08 14:45 伟笑 阅读(2492) 评论(0) 推荐(0)
摘要:组件完整代码: <template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPa 阅读全文
posted @ 2020-12-31 11:35 伟笑 阅读(341) 评论(0) 推荐(0)
摘要:结论:使用 this.$refs.popover4.showPopper = false; 或者 document.body.click() <template> <div class="icon-body"> <el-popover ref="popover4" placement="right" 阅读全文
posted @ 2020-11-12 09:17 伟笑 阅读(3817) 评论(0) 推荐(1)
摘要:功能:上传到指定服务器、删除文件、点击文件下载到本地(点击图片查看大图)、限制文件大小。 <template> <div> <div v-if="!isPicture"> <el-upload action class="upload-demo" :limit="limit" :file-list= 阅读全文
posted @ 2020-11-09 15:38 伟笑 阅读(2439) 评论(0) 推荐(0)
摘要:功能:上传到指定服务器、删除文件、点击文件下载到本地、限制文件大小。 <template> <div> <van-uploader :after-read="afterRead" :before-delete="beforeDelete" :max-size="10 * 1024 * 1024" @ 阅读全文
posted @ 2020-11-09 11:39 伟笑 阅读(3704) 评论(1) 推荐(0)
摘要:参考: https://blog.csdn.net/agua001/article/details/107960393 注意:该方法要写在methods里面,不能写在computed里。 阅读全文
posted @ 2020-10-13 10:44 伟笑 阅读(4671) 评论(0) 推荐(0)
摘要:表格数据宽度自适应方案。网上的有点麻烦,简单的就是让超出出现提示。 <el-table class="table" :data="Data" border stripe height="322" width="100%"> <el-table-column prop="jzmc" show-over 阅读全文
posted @ 2020-09-15 11:48 伟笑 阅读(860) 评论(0) 推荐(0)
摘要:elementUI 提供了一个内置加载中指令,只需要在data中定义布尔值即可。例如 <el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.5)" element-loading-text="图标正在 阅读全文
posted @ 2020-08-04 16:52 伟笑 阅读(982) 评论(0) 推荐(0)