随笔分类 - elementUI
摘要：获取地址栏中的路由，设置elementui中的导航栏选中状态 <el-menu :default-active="activerouter" class="el-menu-vertical-demo" background-color="#13141f" text-color="#fff" acti
阅读全文
摘要：<!--分页--> <div class="pagingDive"> <div class="block"> <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
阅读全文
摘要：我以为你知道，我不知道你知道我知道的，你怎么知道我知道你知道的，我以为你会知道我知道的 二三级城市数据下载地址：https://github.com/541073028/country-data <el-form-item label="研究院地址：" prop="selectedOptions">
阅读全文
摘要：<el-form-item label="门店海报：" prop="imageUrl" ref="image"> //自定义正则 var valiIcon = (rule, value, callback) => { // 图片验证 if (!this.hasFmt) { //hasFmt设置为tr
阅读全文
摘要：总有一天你会明白，委屈要自己消化，故事不用逢人就讲。 结构 <el-form-item label="研究院海报："> <el-upload :action="actionPath" list-type="picture-card" :on-remove="handleRemove" :on-cha
阅读全文
摘要：加快了步伐，从不在乎年华已过半，坚定的眼神过去的遗憾，习惯了虔诚路过一站又一站。 elementUI上传成功后在编辑的时候显示出上传的图片并进行重新编辑通过file-list实现回显 file-list上传的文件列表
阅读全文
摘要：用UI框架时一定要读一遍文档，不要拿过来直接用，把文档读明白了脑子是个好东西我希望我有一个好的而不是半成品。。。 开关开启时多选框可以选中并获取对应id，开关关闭状态全部清空 一开始我这边的问题是开关关闭选中的值为false但是依然显示的是选中状态，其实这根跟是不是false没有关系是label绑定
阅读全文
摘要：elementUI多选框问题( 编辑中选中问题 ) 更新( 并传值，父子级id全部在一个数组里 ) <el-form-item v-for="(it, id) in parentChildMap" :key="id" :label="it.name"> <el-checkbox-group v-mo
阅读全文
摘要：elementUI多选框问题( 编辑中选中问题 ) <!--这里是权限的展示 两次for循环--> <div v-for="(itemParent, indexParent) in parentChildMap" :key="indexParent"> <el-form-item class="xx
阅读全文
摘要：好了，可以倒计时了。。。我想回家 <el-form-item> <el-switch v-model="ruleForm.useStatus" @change="switchVhange()"></el-switch> <em v-if="ruleForm.useStatus == true">开启
阅读全文
摘要：elementUI上传图片至七牛服务器 安装七牛模块：npm install qiniu 编辑功能上传图片并返回URL传给后端前端在拿到显示出来( 这里没做其他限制只做了限制单张后上传按钮隐藏，简单操作下 ) 单张限制： 七牛服务器储存：[ 管理控制平台 -> 对象储存 -> 内容储存 ]中查看 e
阅读全文
摘要：有过迷茫的阶段独自走在回家的街上，当我发现路还离我很远现在依然是像当初那么渴望 elementUI实现关键字搜索 运用的elementUI选择器中的远程搜索功能( 还没有封装，接下来会封装，封装一点点学，不着急 ) 结构 + data： <el-form-item label="登记门店：" pro
阅读全文
摘要：elementUI分页封装--更新( 关联到后端接口，涉及到父组件触发子组件中的事件并处理异步 ) 这里我用的是定时器解决的异步 都说人生没有通往成功捷径的直梯，正因如此永远不要对自己产生质疑 分页组件 <template> <div class="pagingDive"> <div class="
阅读全文
摘要：elementUI分页简单封装( 自己写的数据没有接口 ) 样式只是UI框架中的样式，没有改为什么没改因为不会改。。。简单的封装了下,太深的操作还没有领悟到 封装一点一点学，代码一点一点优化 注：不要忘了更换数据也就是表格绑定的那个数组 表格组件( 注释全部都在代码上了 ) <template> <
阅读全文
摘要：elementUI上传图片限制格式与大小 天青色等烟雨，而我在等你，月色被打捞起，是否记住了结局 结构： <el-upload action="https://jsonplaceholder.typicode.com/posts/" :before-upload="beforeAvatarUploa
阅读全文
摘要：elementUI公共输入框传值 公共组件: <template> <div class="bigDiv"> <Layout> <Header> <!-- 搜索框 --> <div class="headerCon"> <div class="left_Div"> <span v-for="(ite
阅读全文
摘要：{ 像匹黑马我打破常规，Watch out I do it my way ，聚光灯照在了黑 T-shirt，要做第一不想做第二 } Moment.js轻量级JavaScript日期处理类库 官网：http://momentjs.cn/docs/ Vue结合moment.js使用( 只是简单使用转换格
阅读全文
摘要：Element Ui 日期选择器 范围限制 一个日期范围 两个日期范围 value-format
阅读全文
摘要：element ui 对话框el-dialog关闭事件（ ×号 ） 通常会有需求点击叉号清空数据但是elementUI中叉号只是一个关闭的作用，怎么解决呢？ <el-dialog title="团课课时编辑" :visible.sync="editLeagueClassFlaga" @close="
阅读全文
浙公网安备 33010602011771号