- 博客(45)
- 问答 (7)
- 收藏
- 关注
RSS订阅转载 vue-ueditor-wrap单独在项目中使用时没问题,但是结合微应用qiankun使用组件不显示问题
参考文章:微服务qiankun中使用子应用复用主应用的ueditor组件，子应用复用主应用组件
2023-09-06 15:16:40
341
原创 如何快速完成一个echarts
当你拿到一个酷炫的echarts原型的时候,你应该怎么快速的写出来呢?是一个个的去官网的配置项去找,还是疯狂的百度,最后找不到一样的或者差不多的.现在教你一个快速完成一个echarts的方法.如何快速完成一个echarts一、echarts好用的属性1、graphic2、title3、dataZoom二、饼图类1、饼图颜色1、在series的itemStyle里面设置2、在data的itemStyle里面设置2、图例3、引导线及文字4、完整例子三、柱状图1、3D柱状图2、横向堆叠柱状图和竖向堆叠柱状图四
2022-09-02 17:07:47
558
原创 vue导出excel文件打不开，或者文件内容为object object
vue导出excel文件打不开，或者文件内容为object object
2022-06-27 17:16:54
7390
3
原创 vue封装公共组件调用方法
需求：项目中所有的提示信息都是弹框样式的，并且显示两秒后自动消失vue页面<template> <!-- 公用提示信息页面 --> <el-dialog title="提示" :visible.sync="dialogVisible" :show-close="false" top="40vh" width="30%" > <div class="content"> <span&
2022-04-30 11:01:14
950
原创 Alibaba Cloud Toolkit一键打包和部署
1、安装插件 Alibaba Cloud Toolkit2、新建连接服务器 Host View3、输入信息4、测试链接,成功后点击ok5、配置打包部署 点击Deploy to Host6、配置信息7、配置完成后,一键启动8、打包完会自动部署...
2022-03-02 16:35:17
428
原创 前端vue下载本地文件
文件放在静态文件目录下<el-button type="success" icon="el-icon-download" @click="downloadClick()"> 下载模板 </el-button> // 下载模板 downloadClick() { var link = document.createElement('a'); link.setAttribute('download', ''); li
2022-02-28 11:48:49
1381
原创 echarts中datazoom限制图表展示的数据
前提需求:当echarts的x轴数据过多时,可以用datazoom,同时想让图表展示固定的条数数据dataZoom: [//滚动条 { show: zoomShow, type: 'slider', realtime: true, startValue: 0, // 重点 // 重点-dataX.length表示x轴数据长度 endValue:dat
2022-02-25 17:52:08
2904
2
原创 echarts雷达图
效果呈现:echarts雷达图let img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXsAAAFYCAYAAACyBlyTAAAgAElEQVR4nOy9e4xkWXLe90XEOffezHr2u6d7et67s7uzL+7yIVErwhQoLmnagAVwTdggYBswZQESDNiwKYAwLNgyZNiAbAmWCVqw/xANW5ANGJIg2yRlSnxJJHe5y1nuY2aWMzuvfndXd1VlZea995yI8B8
2022-02-21 09:19:15
106493
1
原创 mac的nginx修改配置文件
第一种方法:cat /opt/homebrew/etc/nginx/nginx.conf 直接修改,太麻烦,不推荐第二种方法:1、command+shift+G 进入文件夹2、进入文件夹后找到配置文件,打开修改,保存3、验证配置文件是否正确sudo /opt/homebrew/Cellar/nginx/1.21.0/bin/nginx -t -c /opt/homebrew/etc/nginx/nginx.conf4、修改配置后重启先进入bin目录：cd /opt/homebrew/
2022-01-13 17:17:53
3773
原创 mac强制删除启动台的图标
最近下载ps，安装Creative Cloud后，启动台出现了一堆图标，关键是访达的应用程序中还没有这些东西，只在启动台显示，看着很不舒服查询一番，并且提问了一下之后，有位朋友给出了解决方法第一步：cd /private/var/folders第二步：查找launchpad所在目录，用文件名查找文件夹sudo find ./ -name com.apple.dock.launchpad第三步：找到相对路径后，进入该文件夹下，打开里面的db文件cd ./zw/bg7502n978dch
2021-10-13 11:34:51
1801
2
原创 el-table合并列后右侧出现一条白线
解决方法/deep/ .el-table::after { width: 0;}补充：如果是底部出现白线/deep/ .el-table::before { height: 0;}
2021-09-22 16:40:59
715
原创 el-table切换后表格高度改变
产生原因：由于element-ui自身的bug解决方法：先固定表头高度，然后body_wrapper使用calc来减去表头高度 /deep/ .el-table__header-wrapper {height: 58px;}/deep/ .el-table__body-wrapper {height: calc(100% - 58px) !important;}...
2021-09-22 16:39:24
2084
3
原创 css的inherit属性
设置hightcharts图例文字时受到全局样式的影响，设置不生效排查后找到方法可以给文字设置font-size: inherit; 使其继承他的父元素的样式，最后生效扩展：第一种：给a标签赋值color，但是没给父级元素赋值：第二种：给a赋值inherit，但是没给父级两个元素赋值：第三种：a赋值inherit，给一级父级和二级父元素赋值：...
2021-09-22 16:34:54
2162
原创 tab第二次切换不加载组件
问题描述：在进行tab栏切换时，第一次可以加载组件，第二次时组件就不加载了解决方法：给组建加上key值因为vue会复用组件，不会重新渲染组件，添加key值表达这两个是独立的
2021-09-22 16:32:26
498
原创 layui表格排序显示图片
最终效果：js代码：layui.use('table', function () { var table = layui.table; table.render({ elem: '#companyBoxB', url: ‘’ ,//数据接口 height: 285, method:
2021-08-19 11:03:04
314
原创 el-date-picker样式设置
最终效果：css代码：<style lang='less'>.elDatePicker.el-picker-panel { position: absolute; left: 0px; z-index: 2007; color: #fff; background: #002450; border: 1px solid #1384b4; line-height: 30px;}.el-picker-panel .el-picker-panel__icon-bt
2021-07-29 14:13:07
4937
原创 Mac下nginx安装、启动、以及命令
验证配置文件是否正确sudo /opt/homebrew/Cellar/nginx/1.21.0/bin/nginx -t -c /opt/homebrew/etc/nginx/nginx.conf1、查看nginx的配置信息如下命令：brew info nginxnginx的来源:https://mirrors.ustc.edu.cn/homebrew-core.git/Formula/nginx.rbDocroot默认为 :/opt/homebrew/var/www,配置文件中默认的端口
2021-07-28 10:22:43
1612
原创 上传按钮设置disabled后不生效
上传附件后上传按钮不可点击，el-button设置后发现不生效，仍然可以点击上传文件，检查代码后发现，需要为el-upload也绑定disabled<el-upload :disabled="isDisabledUpload" accept=".pdf,.jpg,.png" action="Fake Action" :before-upload="uploadSuccess" > <el-button :disabled="isDisabledUpload" si
2021-07-21 14:57:37
3125
3
原创 查询条件可通过enter回车进行查询
@keyup.enter.native<el-input v-model.trim="reminderName"。 @keyup.enter.native="changeSearch" clearable @clear="clearReminderName" placeholder="可按照名称和期数查询"></el-input>
2021-07-21 14:53:24
351
原创 el-upload附件上传文件类型限制
上传功能是用element中的upload组件做的，里面有个属性控制上传文件格式设置accept上传限制，同时在上传文件之前的钩子before-upload里面进行判断，当选择不符合格式文件时，进行提醒代码 <el-upload style="display: inline-block;" class="upload-demo" accept=".pdf,.jpg,.png"
2021-07-15 10:54:55
7320
原创 当点击dialog关闭按钮时，之前选择的数据仍然被保留了
点击dialog弹窗关闭按钮时，正常情况下，选择的内容应该取消，但实际上还是选择上了问题原因：在点击关闭按钮时，没有将所选的清除，通过打断点，发现没有将数据删除，于是通过close方法，进行清除，发现选择之后保存，也进行了清除，继续打断点后发现，保存后关闭弹框也调用了close方法，最后选择before-close方法，弹框关闭前调用的方法，进行解决解决方法<el-dialog title="各街乡镇" :before-close="handleDialogClose" :visible.sy
2021-07-15 10:48:41
2454
原创 el-input type=‘textarea’后高度设置
通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整，并且 autosize 还可以设定为一个对象，指定最小行数和最大行数。关键代码：:autosize="{ minRows: 5, maxRows: 5}"<el-input type="textarea" :maxlength="500" :autosize="{ minRows: 5, maxRows: 5}"></el-input>...
2021-07-15 10:44:13
12360
原创 两个el-select选择框，选择其中一个，另一个同时选择相对应的
两个单独的选择框，选择第一个，会将第二个相应的内容带出来HTML部分：关键代码：:value="{value:item.value,id:item.id}" <el-form-item label="调度令名称" prop="dispatchName"> <el-select v-model="form.dispatchName" placeholder="请选择" @change="changeOptions($event)">
2021-07-15 10:42:55
2878
2
原创 el-upload上传文件显示进度条
<el-upload action="Fake Action" :before-upload="uploadSuccess" :on-change="uploadVideoProcess" :show-file-list="false" :file-list="fileList"> <el-button v-if="typePage !=='view'" size="mini" type="primary">点击上...
2021-07-12 18:00:33
5897
5
空空如也
为什么下拉框赋值前加个+号，value值就能变成label值呢？
2022-09-09
npm run build报错
2022-02-24
我就下载个Creative Cloud，怎么出来这么多图标，有哪些可以删？
2021-10-12
element中upload上传图片成功后，图片整体会向后移动，随后正常？
2021-01-26
el-date-piaker中此刻按钮可以点，但是确定按钮不选择日期时禁止点击？
2021-01-07
el-date-picker中时间怎么进行限制，求大佬解答？
2020-12-30
有什么方法解决时间日期选择器不选择日期和时间的时候，确定按钮处于禁止状态？
2020-12-29
element中时间日期选择器，日期可以限制范围，那时间怎么限制范围呢，求指教？
2020-12-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人