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