随笔分类 - 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一起用的话，会
阅读全文
