今日心血来潮，想起我们使用Vue开发单页面项目基本会用到 vue-router 路由插件，通过改变Url，在不刷新页面的情况下，更新页面视图。那么 vue-router 它是怎么实现路由跳转页面的呢？ 好吧，没人理我就自己玩:joy:。我(们)先来回忆下路由的配置: router/index.js
import Vue from 'vue'
......
8
0
0
2023-09-16
vue动态添加表单validateField验证，代码如下所示：<template>
<el-form ref="form" :model="form" :rules="rules" label-width="px">
<div v-for="(input, index) in inputs" :key=
......
11
0
0
2023-09-16
目录前言一、先上页面最终效果二、创建目录yxt-table如下图二、数据自动获取和刷新三、自定义列配置四、根据搜索条件进行搜索更新表格数据五、加载中状态和空数据状态 六、完整代码：总结前言很多中后台业务的系统中，表格是最高频的组件之一，其中一般包括搜索条件、表格展示、表格操作列、分页等。那么我们二次封装的这个表格组件就需要包含以下几个功能点：1、数
......
12
0
0
2023-09-12
最近做vue项目遇到一个需求，就是前端实现上传word或pdf文件后，后端返回文件对应的文件流，前端需要在页面上展示出来。word预览简单一些，pdf预览我试过pdfjs,vue-pdf总是报各种奇奇怪怪的bug,但最终总算解决了问题，先看一下页面最终呈现效果吧：页面上传pdf文件效果如下：页面预览pdf文件效果如下：页面上传word文件效果如下：页面预览w
......
95
0
0
2023-09-09
目录效果图：（移动上去也会有效果的那种哦）第一步：vue中安装echarts和echarts-gl第二步：在vue文件中引入第三步：实现具体代码（完整的）第四：我想说一下注意事项哈总结 效果图：（移动上去也会有效果的那种哦）第一步：vue中安装echarts和echarts-glnpm install echarts
npm install ec
......
23
0
0
2023-09-06
目录前言vue-element-admin 官方实现的方式参考文档：webpack-theme-color-replacer 插件的实现方式总结前言最近基于 ElementUI 的项目上需要实现动态换肤的功能，这里提供两种方式：vue-element-admin 官方实现的方式webpack-theme-color-replacer 插件
......
47
0
0
2023-08-07
目录前言一、过滤路由二、搜索框展示路由三、雏形出现但有缺陷四、优化搜索方式五、完整代码展示结论前言本篇文章分享一下我在实际开发 Vue 项目时遇到的需要 —— 全局菜单搜索。全局菜单搜索本质是 router 的使用，该功能已经实现，接下来分享一下开发心得。一、过滤路由首先需要过滤出符合条件的路由信息，过滤的条件包含两个：路由可以显示出现（hidden: fa
......
47
0
0
2023-08-05
目录一、Java后端使用MultipartFile二、Java后端直接从request中读取并转换为字符串三、Java后端直接从request中读取并存入本地文件四、前端使用el-upload1.el-upload使用2.on-change验证文件内容3.效果截图总结一、Java后端使用MultipartFile@PostMapping(value = "/
......
35
0
0
2023-08-03
目录引言1、引用百度地图2、在项目中使用百度地图2-1、页面结构部分2-2、js逻辑部分3、在项目中使用百度地图辅助工具BMapGLLib3-1、页面结构部分3-2、js逻辑部分4、在项目中使用BMap实例引言记录一下vue项目使用百度地图所用的api和踩过的坑，减少以后引用少走弯路。旨在记录，第一次开贴，不足之处请多多指教。废话不多说，开撸！1、引用百度地
......
47
0
0
2023-07-31
很多地方都要用到日历控件，比如生日、出发到达日期等等，本文就来介绍一下vue3日历控件的具体实现，具体如下效果如下：<template>
<div class="cal_con" style="margin-left:px">
<div class="cal_header">
<!--
......
60
0
0
2023-07-30
目录一、需求描述二、界面展示三、代码实现一、需求描述前段时间接到一个需求是做一个类似接口文档的显示功能，将一段json数据贴到里面就可以自动解析出json数据的每个字段的类型和层级关系，用element组件的树表格的形式展示，并且可以手动新增、修改和删除某个数据字段。二、界面展示功能如下图所示：1.未贴数据之前：2.点击右上角的‘导入json'，在打开的弹框
......
52
0
0
2023-07-29
目录VUE简单使用lodop1.创建LodopFuncs.js文件2.在打印功能vue页面引入LodopFuncs3.执行打印方法4.打印接口函数官网样例说明5.完整页面示例VUE 集成LODOP插件打印Lodop、C-Lodop使用说明及样例http://www.lodop.net/LodopDemo.htmlVUE简单使用lodop1.创建LodopFu
......
67
0
0
2023-07-28
目录深入分析对于map、set、weakMap、weakSet的响应式拦截(1).mutableInstrumentations(2).shallowInstrumentations(3).readonlyInstrumentations(4).shallowReadonlyInstrumentationsref、computed等方法的实现(1).ref与
......
57
0
0
2023-07-24
目录1.渲染组件2.组件的状态与自更新3.组件实例和生命周期4.props与组件状态的被动更新5.setup函数的作用与实现6.组件事件和emit的实现7.插槽的工作原理及实现8.注册生命周期1.渲染组件从用户的角度来看，一个有状态的组件实际上就是一个选项对象。const Componetn = {
name: "Button",
dat
......
47
0
0
2023-07-23
目录背景思路方式1-通过定时器做防抖处理(a)概述(b)代码(c)预览(d)存在的问题情况-在点击事件上做防抖情况-在接口方法做防抖方式2-通过取消ajax请求(a) 概述(b)原理原生ajax取消请求axios取消请求(c)代码步骤1-通过axios请求拦截器取消重复请求步骤2-通过axios响应拦截器处理请求成功步骤3-通过axios响应拦截器处理请求失
......
53
0
0
2023-07-22