element-ui
RxnNing
我本非凡
展开
-
picker封装 |element ui |日期|时间|范围
element 组件库中 picker组件封装的时间范围选择器原创 2023-02-21 12:08:52 · 510 阅读 · 0 评论 -
vue插件 拖拽插件|滚动展示动画|轮播图展示动画|
拖拽vue插件、滚动到某处显示动画插件、轮播图轮播到某个显示动画插件、过滤和排序插件、文件夹上传插件原创 2021-12-20 11:37:26 · 567 阅读 · 0 评论 -
element ui el-checkbox 全选 半选 组件分装
el-checkbox原创 2022-05-24 16:43:25 · 1062 阅读 · 0 评论 -
table列合并
:span-method="objectSpanMethod"//表格跨列设置 objectSpanMethod({ row, column, rowIndex, columnIndex }) { //表格合并行 if (columnIndex === 0) { const _row = this.spanArr[rowIndex]; const _col = _row > 0 ? 1 : 0; return {原创 2021-08-20 09:16:35 · 1252 阅读 · 0 评论 -
el-scrollbar显示横向滚动条
让横向滚动条出现,同时不显示默认的滚动条,需要在 el-scrollbar__wrap 添加.el-scrollbar__wrap{ overflow-x: auto; height: calc(100% + 20px); //多出来的20px是横向滚动条默认的样式}1234在el-scrollbar 是 overflow: hidden; el-scrollbar__view必须是浮动或 display: inline-block 才能出现滚动条.el-scrollbar .原创 2021-03-16 17:13:58 · 4663 阅读 · 5 评论 -
axios如何取消重复请求cancelToken
原文链接通过axios.CancelToken.source生成取消令牌token和取消方法cancelconst CancelToken = axios.CancelToken;const source = CancelToken.source();axios.CancelToken通过axios.CancelToken构造函数生成取消函数const CancelToken = axios.CancelToken;let cancel;axios.get('/user/12345',原创 2021-02-23 10:37:09 · 389 阅读 · 0 评论 -
loading
https://blog.csdn.net/Seven71111/article/details/112944173转载 2021-02-22 16:51:15 · 339 阅读 · 0 评论 -
关于element-ui 中的upload详情使用
Upload怎么说Upload中可以放元素标签(这里由<i class="el-icon-plus avatar-uploader-icon"></i> 为例)可以设置该标签的大小,也就说通过点击该标签来进行上传的类名为 el-upload 的盒子 宽高 由上面的 <i class="el-icon-plus avatar-uploader-icon"></i> 撑开...原创 2021-02-18 16:24:40 · 927 阅读 · 0 评论 -
Vue家谱视图结构- vue-tree-chart
文档: https://github.com/tower1229/Vue-Tree-Chartnpm i vue-tree-chart --saveUsage<TreeChart :json="treeData" />in script:import TreeChart from "vue-tree-chart";export default { components: { TreeChart }, data() { return { treeData原创 2021-02-18 14:56:25 · 1723 阅读 · 0 评论 -
element ui 中的 messagebox 多次弹出 影响体验
/**重置message,防止重复点击重复弹出message弹框 */import { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)};['er原创 2021-02-08 16:42:15 · 2475 阅读 · 0 评论 -
el-select下拉框样式结合el-table(伪)结合下拉选择
示例使用# ------------------------使用---------------------------------------<drop-down-selector v-model="value" :options="{placeholder:'单位名称',disabled: false,multiple: true,selection:true,key:'id',label: 'name',clearable: true,collapseTags: 5}" :request-原创 2021-01-15 17:37:13 · 4781 阅读 · 1 评论 -
请求强制中断
实现原理:重复点击提交按钮,重复发生请求创建 url请求缓存列表 urlList设置axios请求拦截器,调用stopRequestUrl函数,判断是否拦截设置axios响应拦截器,调用 dropResponseUrl 函数,把缓存地址列表中的地址抛出去,避免下次请求被拦截let urlList = []//判断请求地址是否存在缓存地址列表中const stopRequestUrl = function (urlList,url,c,errorMessage ) { const erro原创 2021-01-13 14:45:15 · 492 阅读 · 0 评论 -
el-input只能整数 或 到小数点后几位
input 数字只能输入整数<el-input v-model="sjje" oninput ="value=value.replace(/[^\d]/g,'')" class="money sjje"> 保留小数点后几位<el-input v-model="value" oninput="if(isNaN(value)) {value = value.slice(0,value.length-1) } if(value.indexOf('.')>0){value=v.原创 2021-01-11 18:30:06 · 1056 阅读 · 0 评论 -
处理小数点保留后两位问题
filterNumber(){ var str = this.addForm.buyprice; //el-input v-model绑定的数据 var len1 = str.substr(0, 1); var len2 = str.substr(1, 1); //如果第一位是0,第二位不是点,就用数字把点替换掉 if (str.length > 1 && len1 == 0 && len2 != ".") {原创 2021-01-08 15:44:40 · 675 阅读 · 0 评论 -
vue treeSelect 和 element ui 结合校验问题
默认element ui 不能校验 treeSelect解决办法:1.2. ·<el-form-item label="活动名称" prop="region"> <treeselect v-model="ruleForm.region" :options="options" @input="inputChange"/></el-form-item>注意:prop="region"/v-model="ruleForm.region"/是必须的meth原创 2021-01-05 10:56:37 · 1310 阅读 · 0 评论 -
element ui form循环嵌套表单 及嵌套表单的验证方法(校验)
首先看看成果表单嵌套的增加嵌套表单的验证代码展示直接复制到你的 vue 中就可以展示和进行测试有问题的话可以提问(数据都是随便写的)<template> <div class="form"> <el-row> <el-col :span="12"> <el-card class="box-card"> <div slot="header" class="clearfi原创 2021-01-02 10:14:36 · 12625 阅读 · 12 评论 -
修改vue-treeSelect 的高度
.vue-treeselect{ height: 28px; } .vue-treeselect .vue-treeselect__control{ height: 28px !important; } .vue-treeselect__placeholder{ line-height: 28px; font-size: 14px; } .vue-treeselect input{ font-size: 16px; }原创 2020-12-28 13:00:54 · 3747 阅读 · 0 评论 -
vue-cli3中Mint UI全局和按需引入
cdn浏览器引入方法<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"><!-- 引入组件库 --><script src="https://unpkg.com/mint-ui/lib/index.js"></script>在vue中引入的方法安装npm i mint-ui -S方法一、全局引入原创 2020-12-16 21:15:21 · 615 阅读 · 0 评论 -
vue vuex结合localstorage实现数据持久化本地储存
vuex-persist原创 2020-11-18 21:58:46 · 848 阅读 · 0 评论 -
element-ui 两个el-select关联 事件触发一级el-select 还原清空二级el-select问题
<!-- 一级分类--><el-form-item label="一级分类" prop="a"> <el-select v-model="form.first_cateid" placeholder="请选择" @change="handleChange"> <el-option v-for="item of categoryList" :key="item.id"原创 2020-11-18 21:46:51 · 4826 阅读 · 6 评论 -
element-ui tree子节点部分选中时父节点也选中实现
element-ui tree子节点部分选中时父节点也选中实现如果需求是:选中任何一个子节点都默认选择父节点,怎么办?其实,element-ui也提供了方案,常规下,如果子节点选中,那么这时父节点是半选中状态,在获取选中值时,只需要利用**getHalfCheckedKeys()+getCheckedKeys()**两个方法即可达到效果。 let zi = this.$refs.tree.getCheckedKeys()//返回选中子节点的key let fu =this.$refs.tree.ge原创 2020-11-17 13:54:49 · 4095 阅读 · 1 评论