前端
芝麻油yy
这个作者很懒,什么都没留下…
展开
-
element-plus组件按需引入封装
element-plus组件按需引入封装原创 2022-12-18 17:46:46 · 410 阅读 · 0 评论 -
element-plus组件的全局引入和自动引入
element-plus实现组件的全局引入和自动引入原创 2022-12-17 17:46:22 · 1353 阅读 · 0 评论 -
ElementUI实现按需加载组件
ElementUI实现按需加载组件原创 2022-08-22 21:40:01 · 1591 阅读 · 0 评论 -
TypeError: Router.use() requires a middleware function but got a Object报错解决
1.在运行nodejs-mongodb项目时,项目报错TypeError: Router.use() requires a middleware function but got a Object2.解决办法我发现在写路由的同时忘记了导出即可解决原创 2022-01-13 14:21:25 · 1155 阅读 · 1 评论 -
Module build failed (from ./node_modules/babel-loader/lib/index.js) 错误解决
运行项目时报错Module build failed (from ./node_modules/babel-loader/lib/index.js)解决方案:控制台输入 npm install @babel/core @babel/preset-env即可解决原创 2022-01-13 14:17:15 · 4704 阅读 · 0 评论 -
ERROR Invalid options in vue.config.js: “baseUrl“ is not allowed
我的vue版本@vue/cli 4.5.15在vue-cli.3.3版本后 baseUrl被废除了,因此这边要写成 publicPath。原创 2021-12-31 14:11:42 · 747 阅读 · 0 评论 -
ElementUI中实现表单刷新重置,保存在全局方法中
elementUI中的resetFields方法1.在el-form添加属性在el-form中定义ref属性queryForm<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">2.刷新重置方法刷新按钮:<el-button icon="el-icon-refresh" size="mini" @click="handleRefresh">刷新.原创 2021-12-27 10:48:11 · 2697 阅读 · 0 评论 -
vue项目使用npm run dev 编译到一半不动了
发现是因为自己在写setTimeout定时器时,其自动导入了import { setTimeout } from 'timers'; 导致编译卡住,删除后编译正常。如果你不是这个错误,可能是代码其他位置有比较明显的报错导致的,可以检查一下代码的报错。...原创 2021-10-21 19:03:47 · 1820 阅读 · 0 评论 -
vue获取当前日期和时间并进行格式化
1.样式:2.思路:这里我用的是用elementui框架搭的结构,其中图标icon采用的是插槽。prefix:指的是插在前面suffix:指的是插在后面 <span class="currentDate"> <span slot="prefix" class="el-icon-timer"></span> {{dateFormat(date)}} </span>css样式:原创 2021-09-30 11:17:14 · 12572 阅读 · 0 评论 -
link 和 @import 的区别
1.引入的内容不同:link 除了引用样式文件,还可以引用图片等资源文件,而 @import 只引用样式文件2.加载顺序不同link 引用 CSS 时,在页面载入时同时加载;@import 需要页面网页完全载入以后加载3.兼容性不同link 是 XHTML 标签,无兼容问题;@import 是在 CSS2.1 提出的,低版本的浏览器不支持4.对JS的支持不同link 支持使用 Javascript 控制 DOM 去改变样式;而 @import 不支持...原创 2021-09-22 14:28:56 · 50 阅读 · 0 评论 -
ElementUI中分页Pagination 样式的修改(分页组件的封装)
1.实现效果:2.实现代码:<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout"原创 2021-09-17 17:42:48 · 1558 阅读 · 0 评论 -
在ElementUI中改变el-table中的el-table-column样式
1.效果一览2.实现思想:使用作用域插槽:slot-scope="scope";绑定class类'back';v-if条件判断:如果scope.row.xh == 1,2,3 ,则给他绑定类,设置样式。不满足条件的则不绑定类,不设置样式。3.实现代码:html代码:<el-table-column prop="xh" label="序号" width="80" align="center"> <template slot-scope="...原创 2021-09-17 16:25:40 · 1837 阅读 · 0 评论 -
Echarts实现环形图的渐变颜色效果
已经封装好的环形图组件直接在要用的vue文件中引用: <circleChart :id="chart4.id" :width="chart4.width" :height="chart4.height" :bgColor="chart4.bgColor" :circleData="chart4.cir...原创 2021-09-13 17:58:42 · 4136 阅读 · 0 评论 -
ElementUI改变el-table的表头颜色以及各行的颜色
1.实现效果2.实现代码<el-table :data="tableData" :header-cell-style="{ background: '#E5E9F4' }" :cell-style="{ color: '#5e708e' }">其中:header-cell-style="{ background: '#E5E9F4' }".原创 2021-09-09 18:05:30 · 2046 阅读 · 0 评论 -
Echarts地图添加自定义图标
1.准备图片2.代码:var mapDate = [ { name: '房山区', value: [116.13, 39.75, 29999], img:'image://./map-未选中.png' }]3.解析其中value的前两个参数分别是经纬度这段代码可以分为两个部分,第一部分为统一的image:// ;第二部分为你的图片路径。4.效果展示...原创 2021-09-06 14:49:41 · 3146 阅读 · 0 评论 -
element中el-image怎样显示图片
代码如下:<el-image style="width:100%;":src="require('../../../../assets/images/businessLicense.png')"></el-image>区别于普通的<img />标签<img style="width:100%;" src="../../../../assets/images/busin...原创 2021-07-28 11:49:49 · 1156 阅读 · 0 评论