- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3-element-admin在cmd可以启动在vscode无法启动
3.输入set-executionpolicy RemoteSigned在输入 get-executionpolicy返回RemoteSigned，说明可以操作，就可以使用了。2. 以管理员运行vscode输入命令 get-executionpolicy 返回Restricted说明是权限限制。
2024-03-28 16:09:20
365
原创 vue3+vite+Ts+pinia搭建一个项目（详细教程）
Vue 3 是一个功能强大、性能出色、易于学习和使用的前端框架。通过提供更高的性能、更小的体积、Composition API 和更好的 TypeScript 支持，Vue 3 提供了更好的开发体验和构建用户界面的能力。它是 Vue.js 框架的重要进步，为开发者带来了更多可能性和创造力
2023-07-21 15:43:30
1947
2
原创 A3-A4和241-2【21.59x9.31mm】为模板的连续打印
本文主要讲述打印需要用到的插件和使用到的方法。希望的我这篇文章，可以对大家有点用处。
2022-10-27 15:02:35
625
2
原创 elementui日期限制只能选择7天
需求要求日期只能选择7天，无明确需求，然后用了两种方式实现1.直接限制日期上只有7天可以选择，在根据选择的结束时间来，更新可以选择的日期，这样虽然实现了需求，但是用户体验不好2.第二种推荐用户可以自由选择日期，小于7天的不进行计算，只计算大于7天的时候...
2022-06-06 11:53:57
2261
原创 前端通过css3实现一个轮播效果
项目需要一个报警列表，数据要上下滚动，鼠标移入就停止，移入在展示详情，超出部门出现省略号，之前想的用框架，dataV里面有类似框架，但是感觉太大了，想着还是自己写一个吧废话少说直接上代码<div class="container"> <div class="headerDisFlex marTop footerHome"> <div class="footer-right headerDisFlex disFlex" @click="sire.
2022-05-27 12:09:16
259
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
338
原创 重新渲染el-table的表格
beforeUpdate(){ this.$nextTick(() => { //在数据加载完，重新渲染表格 this.$refs['table'].doLayout(); })
2022-04-21 14:04:59
13688
3
原创 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
4305
原创 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
2339
原创 el-from表单校验自定义函数
前言因为需求，一个表格需要动态校验数据，当然可用表单自带的动态校验方法，但是我这个表格由于数据量庞大，甚至达到了1000多行，如果全部展示在页面上，直接导致页面卡死或者输入内容慢的一批。所以我使用了虚拟滚动，这样数据不会卡，但是表单自带的校验规则肯定不行了，所以需要自己写一个校验规则。嘿嘿（这里推荐vxe-table的虚拟滚动）一、自定义函数创建一个rules.js是什么？import { MessageBox, Message, Loading, Notification } fr...
2021-12-16 17:41:01
930
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
3475
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
3759
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
1039
原创 自定义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
2372
原创 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
749
原创 在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
1246
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人