![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUi
summer88221
这个作者很懒,什么都没留下…
展开
-
element时间选择框设置当前日之前的不可选择
<template><el-form-item label="生效日期" > <el-date-picker v-model="dataForm.effectiveDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" :picker-options="expireTimeOption" @c原创 2021-04-16 17:16:05 · 713 阅读 · 0 评论 -
vue+elementUI el-form 查询导致页面刷新
1、列表点击查询条件返回具体的内容,当输入查询条件按下回车或者是点击查询按钮时候发生页面刷新,并没有去查询,很是费解,其他页面就没有这种情况,然而最后发现导致问题发生的原因竟是当表单只有一个文本框时,查询会触发表单提交事件,导致页面刷新,代码如下:<el-form :inline="true" :model="dataForm" @keyup.enter.native="getSearchDataList()"> <el-form-item label="宠物名称">原创 2021-03-10 15:16:46 · 800 阅读 · 0 评论 -
ElementUI Message提醒框点击多次只显示一个
点击按钮message提示,点击多次就会出现多个,这个时候需要手动去关闭一下message所有的实例,如下:this.$message.closeAll(); //手动关闭所有实例this.$message({ message: '您还没有选中哦~', type: 'warning'});...原创 2021-02-03 14:07:14 · 1227 阅读 · 0 评论 -
elementUi 按钮点击之后取消状态
elementUi 中的按钮,点击操作之后按钮的状态会一直存在,如果想要取消的话就手动触发一下,如下:let target = evt.target;if(target.nodeName == "SPAN"){ target = evt.target.parentNode; } target.blur();点击的时候去执行这些代码,需要注意的是要看看按钮的文字是不是在span标签内,如果在button里没有span标签就直接evt.target.blur();就可以了...原创 2021-02-03 13:54:50 · 4435 阅读 · 2 评论 -
elementUI中 form表单自定义验证方法
一、在form表单中经常去验证一些内容,有的是只比较简单的一些提示,有的则是需要自定义,实现方法如下:<template><el-form :model="ruleForm2" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="130px"> <el-form-item label="类型名称" prop="drinkCategoryName">原创 2021-02-02 17:26:33 · 4129 阅读 · 0 评论 -
vue 生成二维码
一、页面中生成二维码方法①、首先安装qrcodejs2插件npm install qrcodejs2 --save注意:安装完成之后可以在main.js中全局配置,也可以在单个页面中去引用②、引入1)单页面中引入import QRCode from 'qrcodejs2';2)全局配置import QRCode from 'qrcodejs2';Vue.prototype.$qrCode = QRCode调用的时候直接$qrCode即可③、页面配置<template>原创 2021-02-02 16:37:16 · 297 阅读 · 0 评论 -
element中的loading效果有时候页面很长的时候就看不到加载中的图标,不妨这样来优化一下
1、loading图标优化首页先在页面中放一个空的div标签,然后当判断listLoading值为true的时候显示出来,否则显示内容块的内容,这样处理感觉用户体验好多了你们如果有更好的方法以及建议也可以贴出来哦,一起进步,一起成长!!!...原创 2020-12-02 14:20:19 · 1808 阅读 · 0 评论 -
element导航菜单使用vue-router模式选中菜单项没有高亮
1、使用element的导航菜单点击当前菜单时没有高亮,解决方法问题原因:①、:default-active的值不要写成具体的内容值,要改成$route.path②、el-menu-item种的:index也要改成对应的路由值原创 2020-12-02 14:12:11 · 2100 阅读 · 4 评论