element
文章平均质量分 67
Enidchan_
daydreamer
展开
-
vue处理el-message重复弹出问题
思路: 重写element-ui的message, 全局使用则在main.js更改, 局部页面使用则单独引入resetMessage.jsimport { Message } from 'element-ui'let messageDom = nullconst resetMessage = (options) => { if (messageDom) messageDom.close() // 判断弹窗是否已存在,若存在则关闭 messageDom = Message(option原创 2021-07-23 11:12:20 · 965 阅读 · 1 评论 -
el-form自定义表单验证 +离开页面前判断数据是否改动并提示
实现原理:1.判断页面是否有数据改动, 可以在watch方法中深度监听form这个对象是否有改动.(这里要注意, isDataChangeCount之所以用Number来判断变化次数, 是因为页面加载完时, form会出现一次数据变化, 因此只用true和false来判断是不准确的)2.在beforeRouteLeave方法里进行对isDataChangeCount的判断,进而实现对应的提示和操作一个常规的表单验证export default { data () { // 在这里声.原创 2020-11-11 16:46:01 · 2266 阅读 · 3 评论 -
element回到顶部组件el-backtop的全局注册,按需使用
前置bug: 直接在子页面添加el-backtop组件没有生效后续修改: 在layout页面添加el-backtop组件, 按需展示实现原理:一般在项目的layout布局页面, el-main板块可滑动,因此针对el-main板块做回到顶部的操作,然后根据页面的路由来按需展示该功能, 上代码-----layout.vue<template> <div> <el-header></el-header> <el-container.原创 2020-10-27 16:21:06 · 651 阅读 · 0 评论 -
el-table: 相同内容则自动合并行 mix 手动进行某几行的合并
给el-table加上:span-method="objectSpanMethod"方法 <el-table :data="tableData" :span-method="objectSpanMethod"> <el-table-column width="80" prop="order" label="序号" align="center"><.原创 2020-08-25 16:22:28 · 481 阅读 · 1 评论 -
element常用知识点记录
el-table序号翻页递增<el-table-column align="center" type="index" label="序号" :index="(pageNum-1)*pageSize + 1" width="80"></el-table-column>el-dialog外部锁定(点击外部时不关闭对话框)// 将Dial.原创 2020-08-25 15:46:38 · 295 阅读 · 0 评论