随笔分类 -  element-UI

摘要:。 // el-select下拉框宽度与输入框保持一致 document.addEventListener('click',e => { setTimeout(() => { let activeNode = document.activeElement; if(activeNode){ let p 阅读全文
posted @ 2021-07-08 22:27 古墩古墩 阅读(1066) 评论(0) 推荐(0) 编辑
摘要:。 思路:focus时获取到select框的宽度,复制个一个变量,将这个宽度绑定到option上 代码: <el-select v-model="item.text" @focus="setOptionWidth"> <el-option :style="{width:selectOptionWid 阅读全文
posted @ 2021-03-01 11:49 古墩古墩 阅读(7852) 评论(0) 推荐(0) 编辑
摘要:。 涉及到的知识点:获取某一天的0点和23:59:59 废话不多说,上代码: <template> <div> <el-date-picker v-model="timeValue" type="datetimerange" :picker-options="pickerOptions" :defa 阅读全文
posted @ 2021-02-27 18:54 古墩古墩 阅读(2968) 评论(0) 推荐(0) 编辑
摘要:。 1、安装elementUI npm i element-ui -S 2、安装主题工具 npm i element-theme -g 3、安装chalk主题 npm i element-theme-chalk -D (或) GitHub 拉取最新代码 npm i https://github.co 阅读全文
posted @ 2021-02-19 11:40 古墩古墩 阅读(395) 评论(0) 推荐(0) 编辑
摘要:问题如下: 网上查了一下,多个时间选择器在一起,没加key值,就容易出现这问题,需要在每个时间选择器中加key值。如下: 然后就恢复正常了; 。 阅读全文
posted @ 2020-08-06 17:05 古墩古墩 阅读(2493) 评论(0) 推荐(1) 编辑
摘要:今天使用element ui的下拉选择框组件时,发现选中了值却没有显示在框中 解决方法:出现这个问题好像是因为下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。 在选中事件加上 this 阅读全文
posted @ 2020-07-09 12:19 古墩古墩 阅读(1246) 评论(1) 推荐(1) 编辑
摘要:解决办法,在app.vue中加入如下样式(scss) .el-scrollbar { //element-ui 下拉框在ios上 点击两次才能选中 > .el-scrollbar__bar { opacity: 1 !important; } } 。 阅读全文
posted @ 2020-06-01 19:44 古墩古墩 阅读(1783) 评论(0) 推荐(0) 编辑
摘要:文档地址:https://element.eleme.cn/#/zh-CN/component/tree <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"> <span class="custom-tr 阅读全文
posted @ 2020-04-08 22:13 古墩古墩 阅读(2988) 评论(0) 推荐(0) 编辑
摘要:<template> <div class="groupRegisterBox"> <!-- 内容 --> <div class="container"> <!-- eui --> <div class="row"> <div class="col col-xs-12 col-sm-8 col-sm 阅读全文
posted @ 2020-02-25 22:56 古墩古墩 阅读(2766) 评论(0) 推荐(0) 编辑
摘要:参考博客地址:https://www.cnblogs.com/darkerxi/p/9606399.html 七牛云服务器的储存区域 存储区域地域简称上传域名 华东 z0 服务器端上传:http(s)://up.qiniup.com 华东 z0 客户端上传: http(s)://upload.qin 阅读全文
posted @ 2019-12-31 16:36 古墩古墩 阅读(359) 评论(0) 推荐(0) 编辑
摘要:支付 ... 阅读全文
posted @ 2019-08-19 17:00 古墩古墩 阅读(8291) 评论(0) 推荐(0) 编辑
摘要:直接上组件代码: 引入方式: 引入: 注册子组件: 页面使用: 声明: 这个组件对路由有要求,路由配置中要有meta路由元信息 像这样: 下面是在项目上真实用到的: 上了个强刷新,因为发现路由数组更新后,页面并没有渲染,情急之下弄了个强刷新的卑劣手段 阅读全文
posted @ 2019-08-11 12:58 古墩古墩 阅读(854) 评论(1) 推荐(0) 编辑
摘要:在vue中就可以这样使用了(结合element-ui的多级联动下拉框使用) 阅读全文
posted @ 2019-07-15 23:40 古墩古墩 阅读(999) 评论(1) 推荐(0) 编辑
摘要:基本使用都不多说了, 我们知道这个表格组件,每个单元格内容是table绑定的data中的某个属性决定的,但是如果我们想根据这个属性值,渲染出另一个值呢,首先问题来了,我如何获得当前列的值, 查了查,我们可以用插槽来自定义显示的内容 template data methods 上诉代码,templat 阅读全文
posted @ 2019-07-14 10:14 古墩古墩 阅读(33045) 评论(0) 推荐(2) 编辑
摘要:template <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" 阅读全文
posted @ 2019-07-14 09:05 古墩古墩 阅读(21119) 评论(0) 推荐(0) 编辑
摘要:整体思路: 1:利用element-ui的栅格实现小分辨率和大分辨率的适配 2:模拟一组数据,从中筛选出 绑定各个表单值的对象 以及生成验证规则对象 3:在script标签内 、data()外,自定义验证规则,这样在created钩子中(也就是生成验证对象时)就可以将这些自定义的规则加入进去 下面是 阅读全文
posted @ 2019-06-08 19:28 古墩古墩 阅读(3228) 评论(0) 推荐(0) 编辑
摘要:container布局(flex布局,注意兼容性!!!) style icon图 按钮 使用type、plain、round和circle 链接文字 radio单选框 和按钮框 要使用 Radio 组件,只需要设置v-model绑定变量,选中意味着变量的值为相应 Radio label属性的值,la 阅读全文
posted @ 2019-06-07 14:56 古墩古墩 阅读(4670) 评论(0) 推荐(0) 编辑
摘要:template data methods 阅读全文
posted @ 2019-06-01 16:01 古墩古墩 阅读(2848) 评论(0) 推荐(0) 编辑
摘要:1、安装 2、在main.js中引入 中文文档地址: http://element-cn.eleme.io/#/zh-CN/component/quickstart 分页器的使用: 注意:绑定的事件后不要跟括号,要不没有默认参数。。。 不过:pager-count="11"和total一起用的话,会 阅读全文
posted @ 2019-05-29 00:15 古墩古墩 阅读(6237) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示