vue
文章平均质量分 73
sha虫剂
这个作者很懒,什么都没留下…
展开
-
vue3组件封装系列-表格及分页-第二弹
vue3表格组件封装,优化版第二弹原创 2024-08-26 11:53:04 · 411 阅读 · 0 评论 -
前端项目新建在团队合作中需要配置的校验规则vite,ESlint,prettier,stylelint,husky,lint-staged,commitlint
团队合作中,一个新项目为了保证风格统一,需要的配置项原创 2024-08-06 11:32:58 · 570 阅读 · 0 评论 -
el-tabs切换按钮定位不准确,部分内容被遮挡(前端vue实战踩坑记录)
el-tabs切换按钮定位不准确,部分内容被遮挡(前端vue实战踩坑记录)原创 2022-11-15 15:06:18 · 2387 阅读 · 2 评论 -
遇到某些无法在浏览器中查看元素的bug应该如何排查(实例)
以element UI 树组件定位线偏离问题解决及思路讲解,借助实例阐述在无法进行"F12"时该如何检查代码问题原创 2022-10-11 10:35:06 · 1259 阅读 · 0 评论 -
让你的页面更加清爽(vue实战,表格的优化,数据配置表格)
在各种后台管理系统中,我们经常会有很多页面的table表格用来进行数据的搜索和展示。然而很多时候都是重复的操作,我们经常是各种复制粘贴,导致代码逻辑看着虽然挺清晰的,但重复代码很多,而且html结构过于臃肿,很多时候都找不到自己想要的东西。一、过去的写法<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="Date" width="180" /> &原创 2021-11-24 18:07:37 · 2235 阅读 · 2 评论 -
实战向 如何在vue中使用富文本编辑器(复制即可用)vue-quill-editor
实战向 如何在vue中使用富文本编辑器富文本编辑器,其实网上已经有很多很多的攻略了,这也是一个经常会使用的东西,但是总有些人会觉得别人写的自己看不懂,所以今天我整点能复制过去直接就能用的一、依赖插件vue-quill-editor这是核心插件直接安装之后引入就是了,基础好的建议直接去官网看api,比我这里更能找到自己想要的东西二、上代码1、引用插件import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";im原创 2020-12-09 11:31:22 · 1274 阅读 · 2 评论 -
新手向axios的二次封装,以及接口统一管理(基于vue)
关于接口请求的封装,网上真的很多,可以说各种的都有,这里,我分享一下自己的请求封装(基于vue)一、创建js文件在公用的工具文件夹下创建request.js文件(名字不重要)二、封装请求import axios from 'axios' //引入axiosimport store from '@/store/index' //引入vuex(只是一种储存手段,可以不用)// 创建axios实例const service = axios.create({ timeout: 30000原创 2020-09-21 17:14:53 · 616 阅读 · 2 评论 -
vue实战,前端如何调用手机录音功能
最近在开发中,需求中有实时聊天功能实现,但是在在之前项目中集成的,所以并不能选择类似uniapp等已经封装好的框架,经过多方查询,最后总算实现了这个功能。一、实现原理在web API中提供了getUserMedia这个方法,就是用来给我们获取各种媒体应用的,想了解底层的可以百度一下这个方法,介绍的很详细,了解这个东西,自己也能手动封装插件,但是既然是实战,咱们要的就是用最快的方法实现我们需要的功能,所以,下面我们就介绍一个插件二、录音插件js-audio-recorder官方地址:gitHub官方地原创 2020-08-18 11:14:11 · 7224 阅读 · 28 评论 -
实战踩坑笔记!微信支付回调页面跳转错误问题,巨坑!!!!
vue实战踩坑笔记!微信支付回调页面跳转错误问题,巨坑!!!!最近在开发新的H5页面时,要求将老项目也一起集成到新项目中,方便进行统一管理,优化代码。在这之中,涉及到了微信支付问题,本以为已经写好的跳转方法 拿过来也就OK了,没想到踩了一个巨坑,找了小半天才找到问题的症结所在一、问题描述在以前老项目中,vue是用引入的vue文件方式写的,支付回调能够正常跳转在新项目中,优化了引入式vue改为vue cli3进行书写,但是同样的跳转方式,微信回跳的页面总会错误,而支付宝的就没有问题,这要怎么解决啊原创 2020-07-22 13:09:50 · 2806 阅读 · 0 评论 -
vue结合esmap进行室内3D地图绘制
vue cli3结合esmap进行室内3D地图开发近日,项目需求中有需要进行室内3D地图的开发,虽然可以和百度高德地图合作,让百度高德制作3D地图,但是成本太高,在进行多方查找之后,找到了esmap这个绘制地图的框架,下面具体介绍怎么做先整个官方文档地址ESmap文档地址一、下载官方的sdk包除了sdk也可以先下一个官方示例包,相信看着示例更容易理解,虽然不是所有的都有用,先下下来总是没错的,写完把没用的删除了就是二、注册账号,绘制地图账号注册就不啰嗦了注册之后,在控制台点击编辑地图原创 2020-07-17 11:00:02 · 5102 阅读 · 0 评论 -
如何在vue项目中监测数据变化来实现自动打印
怎样在vue项目中监测数据变化来实现自动打印一、初代版本初代版本中,并没有要求自动打印,要实现的是手动打印,这个功能没啥可说的,直接用vue-print-nb这个插件就OK,实现方式也很简单,我这里简单说一下,网上很多类似教程1、安装npm install vue-print-nb --save2、引入全局如下在main.js中引入,非全局不用说了把,引入直接用就行import Print from ‘vue-print-nb’Vue.use(Print);3、查找id方式打印<原创 2020-06-30 16:28:33 · 4581 阅读 · 15 评论 -
在vue开发中遇到的一个小bug,el-select数据视图不统一。
一、项目需求在一个项目需求中,我们很多时候需要进行地区的三级联动选择,这个相信很多人都不陌生,也就不过多介绍了,但是在有的时候,我们需要进行等级选择1、等级选省级择只能选择省级菜单,市级和县级隐藏,2、选择市级,那么只隐藏县级菜单,3、选择县级都不隐藏如:二、可能产生的bug在选择的时候,我们有可能选择县级,区域全部选择完成,但突然又改为市级,那么这个时候就要重置数据,如不重置,上传时会把已经隐藏的县级code也一起传给后台,造成bug三、如何解决解决当然很简单,就是在每一次区域选择的时原创 2020-06-01 10:45:21 · 1744 阅读 · 0 评论 -
vue后台管理系统,动态权限路由怎么写。
做后台管理系统,我们经常需要对各个用户进行权限的管理,不同权限的用户所能看到的页面也不相同,那么我们应该怎么做呢。下面,我说说我近期的实战案例。一、编写路由写路由这一步正常写就行,没什么特别的地方{ path: "/", redirect: "/login", children: [] }, { path: "/login", component: Login, name: "", meta: { }, children:原创 2020-05-25 17:33:02 · 1414 阅读 · 0 评论 -
路由导航全局前置守卫router.beforeEach在vue中的运用
router.beforeEach在一个vue项目中的妙用路由是前端非常重要的部分,在vue开发中也是必不可少的。vue router官方文档详细的介绍的关于router的一些功能和用法。这里呢我简单的记录下,在真实项目中,基于vue-cli3构建工具下,router 和 router.beforeEach的搭配使用。beforeEach有哪些参数呢beforeEach总共有三个参数,分别是...原创 2020-04-27 17:37:46 · 1501 阅读 · 0 评论 -
怎样在vue中使用rsa加解密
怎样在vue项目中使用RSA加密在最近的开发中,因为对数据有保密要求,所以需要对所有post请求进行RSA加密操作。加密原理就不多说了,直接上代码说怎么用1、首先我在在工具类文件夹里新建了一个utils.js文件,对加密解密进行封装/** * 工具类 */import Vue from "vue";import JsEncrypt from "encryptlong"; //因为请...原创 2020-04-08 15:33:01 · 1609 阅读 · 2 评论