自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue3-element-admin在cmd可以启动在vscode无法启动

3.输入set-executionpolicy RemoteSigned在输入 get-executionpolicy返回RemoteSigned,说明可以操作,就可以使用了。2. 以管理员运行vscode输入命令 get-executionpolicy 返回Restricted说明是权限限制。

2024-03-28 16:09:20 244

原创 vue3+vite+Ts+pinia搭建一个项目(详细教程)

Vue 3 是一个功能强大、性能出色、易于学习和使用的前端框架。通过提供更高的性能、更小的体积、Composition API 和更好的 TypeScript 支持,Vue 3 提供了更好的开发体验和构建用户界面的能力。它是 Vue.js 框架的重要进步,为开发者带来了更多可能性和创造力

2023-07-21 15:43:30 1201 2

原创 vue3 vite学习笔记 YYDS

vue3的学习总结,一直更新中,直到学习结束。

2022-12-01 16:08:41 486 3

原创 A3-A4和241-2【21.59x9.31mm】为模板的连续打印

本文主要讲述打印需要用到的插件和使用到的方法。希望的我这篇文章,可以对大家有点用处。

2022-10-27 15:02:35 429 2

原创 elementui日期限制只能选择7天

需求要求日期只能选择7天,无明确需求,然后用了两种方式实现1.直接限制日期上只有7天可以选择,在根据选择的结束时间来,更新可以选择的日期,这样虽然实现了需求,但是用户体验不好2.第二种推荐用户可以自由选择日期,小于7天的不进行计算,只计算大于7天的时候...

2022-06-06 11:53:57 2093

原创 前端通过css3实现一个轮播效果

项目需要一个报警列表,数据要上下滚动,鼠标移入就停止,移入在展示详情,超出部门出现省略号,之前想的用框架,dataV里面有类似框架,但是感觉太大了,想着还是自己写一个吧废话少说直接上代码<div class="container"> <div class="headerDisFlex marTop footerHome"> <div class="footer-right headerDisFlex disFlex" @click="sire.

2022-05-27 12:09:16 209 1

原创 总结js使用工具函数

1.两个数组删除,(删除一个数组中,包含的内一个数组的值) //删除 //arr数组集合[{}] delArr要删除的数组[] deleteRow(arr) { const delArr = this.$refs.xGrid.getCheckboxRecords(); return delArr .map(n => n.__ob__.dep.id) .forEach(n => { arr.

2022-04-27 11:41:11 257

原创 解决vue生产环境,页面卡死

解决生产环境,页面卡死

2022-04-25 13:02:27 5658 1

原创 重新渲染el-table的表格

beforeUpdate(){ this.$nextTick(() => { //在数据加载完,重新渲染表格 this.$refs['table'].doLayout(); })

2022-04-21 14:04:59 12300 3

转载 vscode实用插件

转载连接 33个插件

2022-04-17 11:23:55 129

原创 el-tree设置禁止选中和禁止选中框为选中状态

const arr = res.data.data.menuidList; arr.forEach((item, index) => { const node = this.$refs.tree.getNode(item); if (node.isLeaf) { this.$refs.tree.setChecked(node, true); } });

2022-04-08 10:51:15 4080

原创 elementui全局去掉输入框前后的空格

1.先创建一个el-components.js文件import Vue from 'vue'import ElementUI from 'element-ui';/** * @MethodAuthor: YuanZheLi * @Date: 2022-01-10 15:27:00 * @Description: 统一格式化去除input首尾空格*/Vue.component('el-input', { extends: ElementUI.Input, created() {

2022-04-08 10:38:27 2260

原创 el-from表单校验自定义函数

前言因为需求,一个表格需要动态校验数据,当然可用表单自带的动态校验方法,但是我这个表格由于数据量庞大,甚至达到了1000多行,如果全部展示在页面上,直接导致页面卡死或者输入内容慢的一批。所以我使用了虚拟滚动,这样数据不会卡,但是表单自带的校验规则肯定不行了,所以需要自己写一个校验规则。嘿嘿(这里推荐vxe-table的虚拟滚动)一、自定义函数创建一个rules.js是什么?import { MessageBox, Message, Loading, Notification } fr...

2021-12-16 17:41:01 750 1

原创 使用canvas压缩图片

使用canvas压缩图片,图片不容易失真变形。1.首先在js文件写入/** 图片压缩,默认同比例压缩 * @param {Object} fileObj * 图片对象 * 回调函数有一个参数,base64的字符串数据 */export function compress(fileObj, callback) { try { const image = new Image() image.src = URL.createObjectURL(f...

2021-12-13 10:29:22 3377 1

原创 vxe-table实现增加行(push)滚动条到对应行

自己试了vxe-table的官方文档方法,没有成功。最后使用了原生的方法scrollTo()实现了,加入计时器效果更明显 setTimeout(() => { document .getElementsByClassName("vxe-table--body-wrapper")[0] .scrollTo(0, this.$refs.xTable2.tableHeight); }, 500);...

2021-12-13 10:10:23 3437 1

原创 基于vue+elementui+admin的axios封装

文章目录系列文章目录 前言 一、基于vue+elementui+admin对axios进行封装? 二、使用步骤 1.若项目需要进行字符防串改处理(项目需要而定) 2.创建crypto.js和encrypt.js 总结一、封装axios是什么?在创建utils文件夹下在创建https.jsimport axios from 'axios'import router from '@/router'import { MessageBox, Message, ...

2021-12-09 09:49:56 981

原创 自定义echarts的tooltip显示内容和Y轴自定义内容

项目场景:项目很多图表,但是Y轴展示不一样,但是自己只想用一个图表来展示使用代码formatter函数: tooltip: { trigger: "axis", z: 30, backgroundColor: "#FFFFFF", formatter: function (params, index) { let titleName = params..

2021-12-08 17:54:09 2198

原创 vue-elementui-admin 在ie无法打开

首先先安装依赖:npm install --save-devbabel-polyfillnpm install --save-dev es6-promisemain.js引用import "babel-polyfill"import Es6Promise from 'es6-promise'Es6Promise.polyfill()babel.config.js配置 presets: [ [ '@vue/app',...

2021-11-24 11:23:48 676

原创 在vue中使用音频wavesurfer.js较全解析

template>divclass="container">divclass="mixin-components-container">el-row>el-cardclass="box-card"style="text-align:left">divid="waveform"ref="waveform">div>...

2021-07-09 17:29:36 1098

vue-element-admin框加分装

范围是农行辉煌的囧季后任何非法h

2024-05-24

vue3基础框架封装yyds

vue3后台管理快速后台搭建 npm i 在pnpm run dev

2024-05-21

vue3+ts+echarts实现echarts封装

vue3+ts+echarts实现echarts封装

2023-08-01

echarts的全局封装组件

里面的informationAnalysis组件为当前页面需要调用的组件,如果需要使用,直接引用进去,传入数据即可

2022-06-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除