- 博客(91)
- 收藏
- 关注
RSS订阅原创 nuxt.js中使用axios以及二次封装
备注： 当使用脚手架create nuxt-app创建项目时，会提示是否集成axios。2.3: nuxt.config.js中配置axios项。普通使用方式网上查询，这里不再过多叙述。安装 @nuxtjs/axios。
2024-02-02 17:46:44
818
原创 解决：前端js下载文件流出现“未知文件格式”错误
后端已经设置了charset=utf-8，前端也设置了responseType: 'blob', 但是下载下来文件还是格式错误，排查了很久，最后设置responseType: 'arraybuffer', 解决了问题。后续遇到问题继续补充，在这里得研究一下responseType: 'blob' 和 responseType: 'arraybuffer'的区别。出现的问题，前端已经设置了responseType: 'blob',下载下来还是格式不对。
2023-11-23 17:14:02
937
原创 vue项目使用highlight.js 代码高亮插件,并给它添加行数
/ main中引入语法高亮配置。，在main中引入即可使用，是我的目录 改成自己的;
2023-10-19 20:44:36
1320
原创 使用@antv/x6-vue-shape 遇到的问题
最近用@antv/x6开发一个功能，遇到的坑太多了，心累啊。使用npm i 安装的vue-demi。
2023-08-18 13:45:24
1554
原创 element ui form表单循环嵌套 及嵌套表单item的校验方法
【代码】element ui form循环嵌套表单 及嵌套表单的验证方法（校验）
2023-07-26 17:27:00
1545
原创 element ui el-time-picker组件赋值 (HH:ss) 后界面不显示
调用：this.converTime("22:20")解决办法：字符串转date。
2023-04-12 16:40:19
877
1
原创 解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题
vue-router重复路由跳转报错：Uncaught (in promise) NavigationDuplicated: Avoided。
2023-01-31 16:23:08
299
2
原创 vant 文件上传
<van-uploader v-model="uploader" :max-count="1" :before-read="beforeRead" :after-read="afterRead" :before-delete="delImgId" > </van-uploader>js：beforeRead(fil.
2022-02-21 19:02:51
3700
原创 vue之element-ui文件上传
对于文件上传，实际项目中我们的需求一般分为两种：1. 对于单个文件的上传，直接上传到服务器；官网api：http://element-cn.eleme.io/#/zh-CN/component/upload<el-upload class="avatar-uploader" action="" :http-request="uploadimage" :before-upload="b.
2022-02-21 18:40:15
7231
原创 异步加载js
export default class APILoader { constructor(props) { this.apiURL = props; this.scriptId = encodeURIComponent(props).replace(/[.|:|%|h|t|p|s]/g, ''); } buildScriptTag() { const prevScript = document.getElementById(this.scriptId); if.
2022-01-25 15:38:42
809
原创 时间刻度组件
最近遇到一个类似钉钉时刻的需求，如图所示：代码：<template> <div class="sign-wrap"> <div class="meeting-sign-wraper"> <div class="close_box"><img src="./img/x.svg" alt="" /></div> <div class="screen-guide" @click="jum
2021-12-28 19:29:33
599
原创 js 实现文件导出、文件下载
后台返回的文件流格式下载方式：方法：// 文件下载 // content: 后台返回的文件流， fileName： 文件名 downLoadFile(content, fileName) { const blob = new Blob([content]); if ('download' in document.createElement('a')) { // 非IE下载 const elink = document.cr..
2021-07-05 14:11:05
222
原创 前端利用jsencrypt.js进行RSA加密
1. 安装npm install jsencrypt2.引入import JSEncrypt from 'jsencrypt'// import JSEncrypt from 'jsencrypt/bin/jsencrypt'import JSEncrypt from '../../public/utils/jsencrypt.min'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = 'MF...
2021-06-24 17:07:43
673
原创 echarts折线图阴影设置
html代码：<!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="personCountChart_parent"> <div id="personCountChart" style="width: 100%; height: 100%"></div> </div>
2021-06-08 16:04:35
1987
原创 elementui限制日期控件选择范围
最近有个需求： 日期选择范围需要有个时间区间，如下图所示：图一：图二：图二的选择范围需要在图一的时间周期内选择文档：html代码：<el-form-item label="时间:"> <el-date-picker v-model="dateValue" size="small" type="daterange" range-sepa
2021-06-08 15:52:08
153
原创 Element-ui 日期选择插件icon图位置调整
直接上图：代码：// 日期样式// .el-range-editor--small.el-input__inner {// height: 30px;// padding: 3px 0px;// }/deep/.el-date-editor .el-range-separator { color: #979797 !important; width: 8%; font-size: 12px;}/deep/ .el-date-editor .el-range__
2021-05-11 15:15:19
2749
3
原创 element-ui el-tooltip 不显示的问题
最近做项目遇到一个问题，el-tooltip 组件里面如果包裹多个元素的话，不显示。解决办法如下：
2021-04-21 18:07:59
4316
4
原创 element-ui 修改 默认的一些样式
variables.scss 文件：/** * @description 全局主题变量配置，VIP文档内提供多种好看的配色方案（ant-design风格、layui风格、iview风格），请查看VIP文档主题配置篇 *//* stylelint-disable */@charset "utf-8";$theme-color: #3370ff;// 主内容区最小宽度$base-content-min-width: 1200px;//框架默认主题色$base-color-default:
2021-04-21 17:36:36
2155
原创 Vue实现选项卡demo
如图所示：<template> <div class="news_wrap"> <ul class="news_title"> <li v-for="(item, index) in items" :key="index" :class="{ activeShow: activeIndex === index }" @click="currentHandel(index
2021-03-17 16:39:37
189
原创 富文本编辑器中 工具栏和编辑区分离的解决办法
最近做项目遇到一个需求，如下图所示：通过wangEditor封装的组件：<template> <div> <div v-show="toolbalSshow" :id="toolbalId" class="toolbar"></div> <div :id="editorId" class="text"></div> </div></template><script
2021-03-16 14:27:44
1307
原创 elementui 组件Popover弹出框点击内容区关闭弹出框的解决办法
效果图如下：第一种解决办法，官方提供的：第二种解决办法：绑定ref属性，this.$refs.morePop.doClose()第二种解决办法：绑定ref属性，this.$refs.morePop.showPopper=false;还有什么好的办法，欢迎大家补充交流。...
2021-03-15 10:41:11
3711
原创 Vue实现页面全局添加水印功能
1. 新建一个warterMark.js 文件：//创建水印(参数依次为，水印文字内容，选择器，偏转角度，字体颜色)export function createWatemark({ text = '水印', selectors = 'body', rotate = -14, color = 'rgba(144,147,153,0.1)'} = {}) { let can = document.createElement('canvas'); let
2021-02-18 16:04:51
4597
2
原创 vue-okr-tree 组件左右树结构
最近公司需要做一个okr项目，okr项目里有一个对齐试图功能，在百度和GitHub上找了半天，最后终于找到了一位大神造的轮子，可能最终需求不是这个样子，但是也特别感谢大神的指导，希望大家多多支持大神，互相学习。大神的博客：https://blog.csdn.net/qq449245884/article/details/109568825大神的GitHub：https://github.com/qq449245884/vue-okr-tree最终的展示效果如图：子组件：<.
2021-02-18 11:21:57
6481
23
原创 vue 通过单点登录进入项目首页
最近做的项目是通过单点登录入口进入自己的项目首页，大概总结一下思路：1.跟main.js 同级新建一个permission.js（文件名称随意），然后在main.js 文件中导入：permission.js ：import router from './router'import store from './store'import Cookies from 'js-cookie'import { Message, MessageBox} from 'eleme
2021-01-05 18:49:58
4445
1
原创 vue-cli3之webpack配置
在项目的根目录，新建一个vue.config.js文件：// vue.config.jsconst path = require("path");const Timestamp = new Date().getTime();module.exports = { configureWebpack: { resolve: { alias: { "@": path.resolve(__dirname, "./src
2021-01-05 18:16:30
651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人