- 博客(33)
- 收藏
- 关注
原创 vue 前端自行分页
1.自己分装的 分页组件 或者直接用element上的也行。tableDataCurrent是表格的:data。表格数据少的话 有时候会要求前端自行分页的。row就是获取列表时传过来的数据。2.别忘记在data中定义。
2022-09-15 16:11:15
392
1
原创 vue+element表格 前端自己实现导出Excel 表格
1.首先先画一个表格 这个表格是我们自己封装的组件 当然你也可以封装一个 或者使用element 上的表格 这里的cloums代表我的表格的每一列 记得在data中定义 cloumns:[ ]这里如果看不懂的话 可以看一下示例 这是别人的 页签就是我代码中所写的 sheet1。因为我是搜索后出表格 所以我的cloums在搜索里面赋值 你也可以在data中。需求就是点击导出按钮 导出当前表格的内容 导出一个excel文档。封装完就可以在 需要的页面引入。3.接下来写导出的点击事件。
2022-09-15 10:25:15
366
原创 后端给的Json.data数据格式怎么在页面使用渲染
我是这个变量需要用到这个数据 所以我在这里写 你们看你们的需求~后端给了个模拟数据以data.json的文件给我的 格式如下。然后data里面渲染的变量 =dats。首先先把文件引入需要的页面里面。
2022-08-16 16:32:06
551
原创 vue+element 结束时间不能在开始时间之前
elemnet里面的两个时间控件<el-row :gutter="24" style="margin-bottom: 20px;"> <el-col :span="12"> <el-form-item label="计划开始时间" class="date-picker" prop="plannedStartTime"> <el-date-picker ...
2022-03-15 13:53:58
924
2
原创 条纹进度条
要求如下写个条纹进度条以下是封装的文件 引入可直接使用<template> <!-- @mouseover="showTip=true" @mouseleave="showTip=false"--> <div :style="{width:width+'px'}" class="processBox" > <div :style="{width:width+'px'}" class="bgBox"> <tem.
2022-03-15 13:33:41
301
1
原创 window11 git Bash右击不见得问题
电脑更新到window11 后 文件内右击 发现没有git Bash选项了我的解决办法如下1.点击windows图标,cmd 打开小黑框 输入:regedit 打开注册表编辑器 2.找到位置:计算机\HKEY_CLASSES_ROOT\Directory\Background\shell\下面新建 项 如下图3.建好command 以后 右边的框里有默认双击 如图二 输入自己的git Bash.exe 本机的路径如果没有的话 打开git官网 根据型号重新点击下载 下载好...
2022-01-28 10:40:03
3633
6
原创 vue+element 的可输入查询的搜索框el-select的blur事件
最近在开发项目问题的时候遇到的问题有两个下拉搜索框 当第一个有选择的值时 第二个根据第一个的值进行过滤除对应的数据类似于这种
2022-01-17 15:44:56
2748
2
原创 EchartsY轴刻度自适应
earchs图表的y轴 根据后端返回的数据 进行刻值比如最高是0.05 则y轴最高是0.05 最高是100则y轴最高是100 yAxis: { type:'value',//关键 scale:true }earchs里面有 这个属性的 就是这两 不过还可以通过min 和 max来设置yAxis:{ min: (value) => { return value.min }, max: (value) => { return value.ma.
2022-01-04 17:30:37
8021
2
原创 【无标题】
刚开项目 就报这个错Cannot read properties of undefined (reading ‘getters’)运来是我的vuex 的 store 里面创建了一个空的js
2021-12-20 09:37:46
161
原创 vue+element 上传excel文件以及模板下载
工作的要求就是 提供模板 然后下载模板 里面录入的数据 可以上传excel文件来 渲染列表## 首先是下载模板 <el-button icon="el-icon-download" style="float:right;" @click="downloadTemplate"> 模板下载 </el-button > 通过a链接 (可以把需要的模板放到静态文件里 然后通过href引入) <a ref="downloadTemplate" st.
2021-12-13 11:08:17
1623
3
原创 2021-08-26
vue蛇形时间线、<template> <div> <div style="width: 100%; display: flex"> <div style="width: 10%; margin-left: 30px"> <div> <!-- 开头 --> <span data-v-j
2021-08-26 16:00:15
94
1
原创 element ui 滚动条 设置
外部div 必须有高 滚动条标签的高 100%<!-- 外部div --><div style="height: 650px; display: flex" class="cab" > <el-scrollbar style="height:100%"> <!-- 内部div --> <div></div> </el-scrollbar></div>
2021-08-20 10:05:28
463
1
原创 2021-08-19
vue项目直接下载文件,pdf不弹出预览vue使用方法:npm install downloadjs -S在需要使用的页面xxx.vue文件的script标签内import download from 'downloadjs'在你需要下载的方法内downloadPdf(){ download('xxx.com/xxxx.pdf')},...
2021-08-19 20:45:41
64
1
原创 前端单元测试
1.什么是单元测试是指对软件中的最小可测试单元进行检查和验证单元就是人为规定的最小的被测功能模块单元测试是在软件开发过程中要进行的最低级别的测试活动,软件的独立单元将在与程序的其他部分相隔离的情况下进行测试2.前端代码都在浏览器里,如何做单元测试* 对于 Javascript 来讲,当然是可以进行单元测试的,并且也通常是针对函数、模块、对象进行测试*前端单元测试狂阶也有不少,比如 QUnit、Sinon、Mocha 等等,单元测试的执行环境可以是我们日常使用的浏览器 ie.
2021-07-20 11:00:36
1017
3
原创 vue3.0中使用 echarts
1.安装npm install echarts --save2.引入import echarts from 'echarts'3.容器
2021-07-16 09:47:11
450
2
原创 微前端浅析
目录什么是微前端Systemjs 模块化解决方案Single-spa 微前端框架爱实战基于 Module Federation 的微前端架构npm 包的几个注意点
2021-07-09 17:20:40
173
1
原创 vue3.0使用swiper
1.安装swipernpm install swiper --save2.引入import { onMounted } from "vue";import Swiper, { Autoplay, EffectCoverflow, EffectCube, Pagination, Navigation,} from "swiper";Swiper.use([Autoplay, EffectCoverflow, EffectCube, Pagination, Naviga
2021-06-30 14:48:06
1345
2
原创 vue3.0(第九篇)vue3.0可用的组件库
1.Elemnet UI推出Element Plus源码地址 https://github.com/element-plus/element-plus官方网站 https://element-plus.org国内加速镜像 https://element-plus.gitee.iovue3.0如何使用首先你要创建vue3.0的项目初始化vite项目npm init @vitejs/app my-vue-app --template vue1>.引入Elemen
2021-06-30 09:50:34
2060
2
原创 vue3.0(第八篇) 插件的使用
一、VueRouter1.新路由器变为 createRouterimport { createRouter } from 'vue-router'const router = createRouter({ // ...})2.mode的变化该mode: 'history'选项已被更灵活的一个名为history"history": createWebHistory()"hash": createWebHashHistory()"abstract": createMemory
2021-06-29 16:45:53
371
1
原创 vue3.0 (第七篇)与 vue2.0总结一些小不同(只是常用的总结)
vue3.0beforeCreate->setupcreated->setupbeforeMount->onBeforeMo
2021-06-29 14:51:19
268
1
原创 vue3.0(第六篇)里面的一些方法(做性能优化的)
1.toRaw响应式数据中获取原始数据<script>import {reactive,toRaw} from 'vue'export default { name: "App", setup() { let obj = {name:'cui',age:18}; /* ref/ractive数据类型的特点: 每次修改都会被追踪,都会更新ui界面,但这样其实是非常消耗性能的 所以如果我们有一些操作不需要追踪,不需要u.
2021-06-23 16:23:56
192
1
原创 vue3.0(第五篇)递归监听和非递归监听
1.递归监听默认情况下,无论是通过ref还是reactive都是递归监听<template> <div>//验证reactive <p>{{ state.a }}</p> <p>{{ state.one.one }}</p> <p>{{ state.one.two.two }}</p> <p>{{ state.one.two.three.three
2021-06-23 14:45:02
235
1
原创 vue3.0(第四篇)
组合Api 就是将封装好的 具备独立的函数组合在一起1. composition Api 和 Option Api的混合使用2.composition Api 的本质 (混合Api/注入Api)3.setup 执行时机4.setup 注意点1.composition Api 和 Option Api的混合使用 (可以一起混合使用的)2.composition Api 的本质 (混合Api/注入Api)知道是这样就行3. setup执行时机实在cr...
2021-06-22 10:35:26
142
1
原创 vue3.0 (第二章)
1.安装最新版本npm install vue@next2.Vue 还提供了编写单文件组件的配套工具。如果你想使用单文件组件,那么你还需要安装
2021-06-21 14:59:15
71
1
原创 vue3.0的安装和使用(第一章)
1.首先需要安装node (需要去官网,不做说明)2.node安装完以后1>.如果之前安装过vue的2.0版本,你需要把2.0相关的删除
2021-06-21 14:39:17
193
原创 webpack
一、什么是webpackwebpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)
2021-06-17 18:31:51
63
1
原创 vue使用ttf字体包压缩 字蛛 font-spider
1.可以先建一个文件夹 里面包括2.1>.css文件夹->index.css2>.font(里面放的是ttf字体包) 3>.index.html 引入 4>.没有 .font-spider文件夹 这个是安装字蛛完才显示3.css里面需要引入字体@font-face{font-family:"AlibabaPuHuiTi-Medium,AlibabaPuHuiTi";src:url("../font/Alibaba-...
2021-05-28 16:11:27
1725
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人