weixin_44504742的博客

原创 邮箱验证

:rules="[{ required: true, message: ’内容不能为空‘}, { pattern: /^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$/, message: ‘邮箱格式不正确’, trigger: ‘blur’ }]"

原创 解决el-dropdown-item 下拉框大小不一致问题

原创 vue 路由懒加载

路由加载有两种方式：1，通过 import 方式引入组件（非懒加载）eg: import home from ‘…/views/Home.vue’2，通过require 方式引入组件（懒加载）eg: const Index = resolve => require([’@/pages/index’], resolve)由于打包构建应用时，JavaScript 包会变得非常大，影响页...

原创 vue中 computed 和 watch 的区别及应用

computed1.1、定义：是一个计算属性/方法，类似于过滤器，对绑定到页面上的数据进行处理。1.2、使用场景：当我们拿到的值需要进行一定处理使用时，就可以使用 computed。1.3、方法： <p>firstName: {{firstName}}</p> <p>lastName: {{lastName}}</p> ...

原创 elementui select 选择器根据要求动态禁用选项

应用场景如下图所示：1， 如图所示，我们经常需要用到在第一个选择器选中情况下，才可以启用第二个选择框，否则就是禁用状态根据elementui select 选择器的 disabled 属性，我们可以进行绑定动态 disable 属性：2，给定动态绑定disabled 属性默认值 data() { return { showCmd:true, //默认命令选择框是...

原创 elementui 踩坑（一） 解决时间选择器位置变动问题

问题描述先放图，如下当表单元素内容过长时，就会产生日期时间组件弹框挤到上面去，但开始的时间又是在下面显示的，就会产生不美观的效应，于是，为了更加优化，解决时间日期组件位置固定的问题，可采取如图方法：尽量将包含日期时间的组件放到表单的最前面，这样就可以避免因表单过长出现弹框挤压的问题。...

原创 vuex的学习及简要介绍

一,vuex 状态管理模式之 state 属性import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }})那么，我们如何在vue组件中展示状态呢？由于 Vuex 的状态存储是响应式的，从 store 实例中读...

原创 vue+elementui 后台管理系统 菜单权限管理+路由跳转

前言：我们项目的菜单权限主要是由后台控制，前台根据后台提供的menuList进行页面展示，根据用户登录账号的不同，从而显示分配不同的权限菜单。1，利用elementui 导航菜单组件书写结构（我们项目要求的权限菜单是三级的，具体可以根据实际情况进行修改） <el-submenu v-for="item in menuData" :key="item.id" :index="item.ur...

原创 优化elementui 自定义表格"暂无数据"问题处理

我们在引用 elementui table 表格的过程中，会碰到当数据还没有回来，网络加载较慢的情况下，表格会闪现“暂无数据”，那么怎么进行优化处理呢？elementui 为我们提供了一种区域加载的方法 v-loading，我们可以在表格中加上这么一段 <el-table v-loading="loading" element-loading-t...

原创 vue 根据后台返回文件大小（Bite）进行单位（KB、M、GB）的转换

原创 Vue elementui table表格中参数过长进行省略并且提示显示

欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作...

原创 css基本样式

css中pc端的公用样式:/*清除元素默认的内外边距 */{margin: 0;padding: 0;}/让所有斜体 不倾斜/em,i {font-style: normal;}/去掉列表前面的小点/li {list-style: none;}/图片没有边框 去掉图片底侧的空白缝隙/img {border: 0; /ie6/vertical-align...

原创 js中关于数组的一些操作

js中对数组的一些操作1，对数组进行分割2，对数组进行翻转