Vue+Element-ui
Senkui
这个作者很懒,什么都没留下…
展开
-
Vue+elemenUi按需引入报错
vueCli脚手架按需引用elementUi报错*npm和babelrc文件配置都没有问题报错的原因是vue.comfig.js配置终端报错 vue.config.js文件配置原创 2021-05-14 09:15:29 · 163 阅读 · 0 评论 -
Vue+el-popover+遮罩首次登陆引导
最近有个需求,用户首次登陆展示新手指导1,点击知道了1关闭指导1,显示指导2,点击知道了2关闭指导2。遮罩view代码 <div class="topMask" v-if="firstLoginShow"></div>css代码.topMask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-i原创 2020-09-04 09:26:21 · 1715 阅读 · 0 评论 -
Vue+Element-ui组件Loading加载
VueCli3和Loading全局配置Loading以服务的方式调用。引入 Loading 服务import { Loading } from 'element-ui';Loading 的配置项options(具体配置参考文档)//开始let loading;function startLoading(){ loading=Loading.service({ lock:false, spinner:'', background:'rgba(0,0,0,0.7)' })}//原创 2020-08-22 15:48:05 · 2485 阅读 · 0 评论 -
Vue+el-pagination二次封装
Vue二次封装Element-ui分页跳转–手动@_不吃香菜啊新建pagination.vue组件<template>> <div class="mod-paging-query fn-clear" style="background:#fff"> <el-paganition class="fn-right" layout="total,sizes,prev,pager,next,jumper" :total="pager.tota原创 2020-08-09 00:10:09 · 896 阅读 · 0 评论 -
Vue+El-form表单重置
1.表单添加ref属性<el-form ref="refname"></el-form>2.form的每个item添加prop属性<el-form-item prop="name"> <el-input v-model="query.name"></el-input></el-form-item>3.绑定点击事件中传入refname<el-form-item> <el-button @c原创 2020-08-05 00:45:16 · 2656 阅读 · 0 评论 -
Vue+$message弹框显示一次
Vue中$message多次弹出时只显示一次lib文件下定义resetMessage.js代码片段import { Message } from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)};原创 2020-08-05 00:42:48 · 1403 阅读 · 0 评论