随笔分类 - element使用问题整合
摘要：遇到一个需求就是对这个 el-notification 加一个倒计时进度条，方便用户知道该通知何时自动关闭。 一、示例代码 （1）基于Vue2+ElementUI的项目 <template> <div> <el-button @click="showTip">do it</el-button> </
阅读全文
摘要：需求： 1.支持v-model。 2.支持el-input所有属性。 2.失去焦点添加千位符。 3.获取焦点去掉千位符。 组件一 组件GalaxyNumberInput <template> <el-input class="galaxy-num-input" v-model="displayVal
阅读全文
摘要：1.vue导入模版信息。进行数据操作 首先要安装 npm install file-saver npm install xlsx npm install script-loader，在src下面创建一个excel文件夹，查创建2个js（Blob.js,Export2Excel.js） utils/v
阅读全文
摘要：创建loading.js文件 import { Loading } from 'element-ui'; let loadingCount = 0; let loading; const startLoading = () => { loading = Loading.service({ lock:
阅读全文
摘要：问题：在form表单el-form中经常会出现表单条目比较多的问题，而且在提交的时候需要校验表单并且定位到相应的条目位置。 解决： html： <el-form ref="form" :model="form" :rules="rules" label-width="140px"> <el-form
阅读全文
摘要：效果图 我们先看一下效果图 思路 获取对应的两个表格设置滚动条的dom，并通过Element.scrollLeft去设置滚动的距离 官方文档： 滚动容器（审查元素即可得知）： 完整代码 自己演示的话，直接复制粘贴即可，代码中包含注释 <template> <div class="kkk"> <div
阅读全文
摘要：1.只能输入正负数，包括小数点 value = value.replace(/[^\d.-]/g,'') oninput="value=value.replace(/^([0-9-]\d.?\d{0,6})?.$/,'$1')" 只允许输入数字且保留6位小数 2.只能输入正数，不包括小数点 valu
阅读全文
摘要：在调用表格后执行doLayout this.$nextTick(() => { this.$refs['transport'].uxGridTable.doLayout(); })
阅读全文
摘要：需求： 浏览时默认只显示前三行文本，剩余部分折叠，点击“展开阅读全文”显示完整文本，再点击文末的“收起”恢复折叠状态 美化： “展开阅读全文”折叠杆挡住面板下端，并呈现半透明渐变效果 技术： HTML + CSS + Vue.js HTML代码： <div id="example"> <!-- 利用
阅读全文
摘要：方式1、 该方法原文地址：https://blog.csdn.net/yprufeng/article/details/113052798 方式2、 // 封装的js文件 export function validateForms(formRefs) { let objectList = []; l
阅读全文
摘要：element中table表格和已选数据联动 需求: 1.根据条件查询表格,多选框选中项移到已选择表格,取消选择,已选项表格也取消该调数据数据 2.已选项增加删除按钮,删除之后,查询数据的表格也取消勾选 3.重新查询新数据,已选择数据不会改变,新选中的数据添加到已选择表格 ![](https://i
阅读全文
摘要：<template> <div> <el-button type="primary" @click="click">查询</el-button> </div> </template> <script> export default { data () { return { } }, methods:
阅读全文
摘要：vue+elementui table表格递归生成多级表头 前言 1.tableView.vue 2.tableItem.vue(子组件) 3.columnItem.vue(递归组件) 如图所示 前言 近期在写一个后台管理系统的项目,需要表格动态生成多级表头,项目中使用了递归组件,自己总结一下加深记
阅读全文
