![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 56
船长在船上
CSDN前端领域博客专家,CSDN前端领域优质创作者,资深前端开发工程师,专注web前端领域开发,在CSDN分享工作中遇到的问题以及问题解决方法和对项目开发的实际案例总结以及新技术的认识。
展开
-
vue3.0全新文档快速上手学习内容整理
vue3.0版本文档总结原创 2022-05-08 19:26:35 · 13410 阅读 · 1 评论 -
vue使用天地图、openlayers实现多个底图叠加显示
需求:根据返回的经纬度列表通过天地图、openlayers实现底图添加(航道图层、线图层、水深图层)原创 2022-04-12 16:47:51 · 2868 阅读 · 7 评论 -
echarts修改柱状图的宽度
修改柱状图的宽度,不设时自适应原创 2022-04-12 14:26:59 · 8707 阅读 · 1 评论 -
echarts折线图 y轴刻度数值与获取的值不符显示错误问题
如图Y轴刻度数据与实际的值不对应问题 :解决方法:stack: "Total" 去掉series: [ { name: '询价量', type: 'line', // stack: "Total", // 是否让线条圆滑显示 smooth: true, data: data.year[0]原创 2022-04-11 14:20:00 · 2297 阅读 · 4 评论 -
vue使用高德地图搜索地址添加标记marker,定位,拖拽选址功能
需求:点击输入框弹窗地图弹窗,输入框输入地址模糊搜索列表结果,点击列表添加相应得marker标记,并且添加标记拖拽选址功能。项目中引入了element-ui,自行安装引入,这里不写了......JSAPI 的加载JS API 2.0 版本提供了两种方案引入地图 JSAPI:1. 使用官网提供的JSAPI Loader进行加载;2. 以常规JavaScript脚本的方式加载;注意:为避免地图数据协议和前端资源不匹配导致页面运行报错,只允许在线加.............原创 2022-04-04 16:42:37 · 4731 阅读 · 9 评论 -
控制台瞬间干净!Vue 删除生产环境烦人的console.log打印,看完这个你就会了!
Vue 删除生产环境烦人的console.log打印,看完这个你就会了!原创 2024-06-21 09:54:42 · 176 阅读 · 2 评论 -
看一遍你就能学会,解决vue父组件调用子组件只执行一次方法问题
父组件调用子组件方法,居然方法只执行一次,这是什么情况?这个方法简单有效,相信你看一遍就能学会。原创 2024-03-06 11:05:01 · 1033 阅读 · 3 评论 -
vue echarts实现根据选择项年月时间切换数据显示柱状图,vue页面监听自适应
功能:可进行月度、年度切换显示相应的收入和支出柱状图数据;这里进行了柱状图的简化配置,X轴Y轴都有所改写,具体的简化配置下文会贴出代码,参照功能开发时按照自己的需要去处理;这里也会提到在开发时会遇到的问题,以及延伸配置的其他功能介绍;原创 2023-07-24 14:21:58 · 1857 阅读 · 0 评论 -
vue项目使用视频播放器vue-video-player
vue项目使用视频播放器vue-video-player。原创 2023-03-25 16:43:01 · 989 阅读 · 2 评论 -
vue后台管理系统项目-table选择多行数据分页列表、一键全选重置功能
1.列表分页功能;2.一键全选,选中列表所有数据;3.全选,选中当前页数据;4.重置,清除选中状态;5.列表搜索查询;效果:原创 2023-02-21 11:37:28 · 1069 阅读 · 0 评论 -
vue element安装配置项目实践
配置:4.自定义主题 5.定义全局变量6.vue自定义指令7.拦截器8.路由拦截处理9.全局配置 loading加载效果10.前端调试接口跨域处理11.element组件使用注意事项原创 2023-02-08 16:09:08 · 565 阅读 · 0 评论 -
vue使用html2canvas jspdf实现pdf下载导出功能
1.安装 全局、局部引用;2.封装html2canvas结合JsPDF 下载导出方法;3.组件页面调用原创 2023-02-03 12:02:24 · 1092 阅读 · 1 评论 -
vue后台系统管理项目-轮播图管理功能
刷新、效果预览功能、新建、编辑轮播图功能、删除功能、分页功能原创 2023-01-17 14:48:49 · 1664 阅读 · 0 评论 -
vue后台系统管理项目-table列表分页搜索重置导出excel功能
element-ui table列表分页条件搜索查询重置导出功能原创 2023-01-14 14:36:14 · 382 阅读 · 1 评论 -
vue后台系统管理项目-echarts实现订单统计
主要功能不同订单状态切换显示不同的柱状图数据;根据条件切换选择年度视图、月度视图;根据条件切换指定年份、指定月份显示当前的数据;根据搜索条件查询查看柱状图数据;柱状图数据导出功能,可导出Excel、导出PDF;原创 2023-01-01 14:41:33 · 2238 阅读 · 2 评论 -
web前端开发Vue面试题记录
props$emit共同点:都是动态显示 DOM 元素区别点:性能消耗使用场景5、的作用是什么主要是用于需要频繁切换的组件时进行缓存,不需要重新渲染页面给dom元素加ref=‘content’,然后通过this.$refs.content进行获取dom元素7、说出几种vue当中的指令和它的用法8、vue-loader是什么?它的用途是什么?vue文件的一个加载器,将template/js/style转换为js模块用途:js可以写es6、style样式给每个dom元素加上key作为唯一标识 ,原创 2022-07-03 09:47:33 · 814 阅读 · 1 评论 -
vue后台管理系统项目-vue-quill-editor实现富文本编辑器功能
详细介绍富文本编辑器使用详细过程,详细介绍使用过程中遇到的问题以及自定义上传、自定义配置文字大小等功能原创 2022-12-24 12:34:44 · 1702 阅读 · 0 评论 -
vue后台系统管理项目-商城轮播图管理功能
vue后台商城轮播图管理功能介绍:1.轮播图列表分页功能;2.轮播图添加功能;3.轮播图编辑功能;4.轮播图删除功能;5.轮播图启用禁用功能;6.轮播图获取排序号功能;7.轮播图查看详情功能;8.轮播图图片预览功能;原创 2022-12-20 11:56:39 · 2785 阅读 · 0 评论 -
vue app开发调用原生方法实现权限访问授权处理(二)
前提:在写代码之前应该想清楚调用原生安卓、ios的方法,就应该遵循双端的方法规则,调用方法时应该注意,在这里先主要介绍一下注意事项:根据App发布应用市场的要求,下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示,选择授权同意和拒绝授权处理,当选择同意授权就要对获取的数据进行 处理,选择拒绝授权时应做一些拒绝的提示,当再次访问页面时候,也要再次弹出这样的权限弹窗供用户选择授权,当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方原创 2022-12-03 18:47:12 · 1012 阅读 · 1 评论 -
vue app开发调用原生方法实现权限访问授权处理(一)
前提:在写代码之前应该想清楚调用原生安卓、ios的方法,就应该遵循双端的方法规则,调用方法时应该注意,在这里先主要介绍一下注意事项:根据App发布应用市场的要求,下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示,选择授权同意和拒绝授权处理,当选择同意授权就要对获取的数据进行 处理,选择拒绝授权时应做一些拒绝的提示,当再次访问页面时候,也要再次弹出这样的权限弹窗供用户选择授权,当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方原创 2022-12-03 17:12:40 · 1275 阅读 · 1 评论 -
vue项目分环境配置打包处理
vue项目分环境配置打包处理主要包括几方面:本地环境配置;生产环境配置;打包处理;打包配置处理(扩展)原创 2022-11-26 16:58:10 · 1256 阅读 · 0 评论 -
vue实现文件上传压缩优化处理
两种方法 :第1种是借助canvas的封装的文件压缩上传;第2种(扩展方法)使用compressorjs第三方插件实现原创 2022-11-26 13:50:07 · 2314 阅读 · 2 评论 -
vue接口封装 路由拦截处理
api接口封装,路由拦截处理完整教程原创 2022-11-18 17:23:02 · 535 阅读 · 0 评论 -
vue项目前端优化处理方案整理
vue项目前端优化处理:提高vue项目访问页面加载速度,提高页面数据渲染原创 2022-11-17 16:01:19 · 1109 阅读 · 3 评论 -
vue结合openlayers根据返回的经纬度坐标完成锚地标记、绘制多边形区域
关于数据渲染的问题:这里前端采用的是获取左下角和右上角经纬度作为参数传递给后台获取当前屏幕显示的区域的数据。利用滑动地图区域来请求接口渲染数据,这样就很好的解决了一次性加载很多的数据的问题。............原创 2022-07-28 11:30:36 · 2005 阅读 · 2 评论 -
vue后台系统管理项目-openlayers地图定位、港口数据标记功能
使用openlayers开发实现查找的货源在地图的显示标注,点击货源图标进行当前港口信息显示;通过查询的港口列表数据,点击当前港口在地图定位显示,添加港口选中标记功能;原创 2022-10-01 06:30:00 · 3039 阅读 · 5 评论 -
vue支付项目-APP微信支付功能
商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。CSDN前端领域优质创作者,资深前端开发工程师,专注前端开发,在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享,欢迎咨询交流,共同学习。),验证通过打开选择支付方式弹窗页面,选择微信支付或者支付宝支付;4.可取消支付,放弃支付会返回会员页面,页面提示支付取消;2.判断支付方式,如果是1,则是微信支付方式。1.判断是否在微信内支付,需要在微信外支付。原创 2022-10-21 13:02:23 · 5905 阅读 · 16 评论 -
vue支付项目-APP支付宝支付功能
如果用户已安装支付宝客户端,商家 App 唤起支付宝完成支付,支付完后跳回到商家 App 内,最后展示支付结果。如果用户没有安装支付宝客户端,商家 App 内会调起支付宝网页支付收银台,用户登录支付宝账号,支付完后展示支付结果。1.点击按钮开通或者续费,会验证是否选择会员商品以及对协议是否查看选中(这里根据项目需要自行验证,可忽略),验证通过打开选择支付方式弹窗页面,选择微信支付或者支付宝支付;4.可取消支付,放弃支付会返回会员页面,页面提示支付取消;1.判断支付方式,如果是2,则是支付宝支付方式。原创 2022-10-22 06:30:00 · 11296 阅读 · 11 评论 -
Vue应用openLayers实现图层数据切换显示,图层加载
🔜本篇文章介绍图层设置航标、港口码头、锚地停泊区数据的获取,以及以天地图作为底图添加到上航道图层上面;点击图层可以选择控制图层数据隐藏显示以及数据的处理。.🔜技术应用:vue + vant-ui + openlayers图层设置:data定义图层显示列表数据shipLayerList:mounted加载数据:这里主要讲航标、港口图层,其他的图层方法和数据获取类似。methods中定义:初始化方法动态显示图层方法手动调整图层,点击图层显示切换获取航标数据,获取港口数据是一样的操作,参照航..原创 2022-07-06 17:25:12 · 2517 阅读 · 10 评论 -
vue后台系统管理项目-菜单权限管理功能
菜单权限管理功能模块:菜单列表查询。查询、重置功能。菜单列表分页实现。菜单详情查看、菜单禁用、菜单编辑、删除操作。新建菜单功能包括对(菜单名称、类型、排序、url地址、图标、备注、父菜单选择)选项信息的配置。原创 2022-09-15 11:38:59 · 6003 阅读 · 26 评论 -
vue考试系统后台管理项目-接口封装调用
api接口封装调用详细介绍,项目功能介绍:账户信息模块:菜单权限、角色权限设置、角色权限分配、账号设置、公司分组原创 2022-09-07 14:08:54 · 3115 阅读 · 10 评论 -
vue项目接口封装公共方法使用
vue公共接口封装调用,提取公共url接口请求地址方便管理原创 2022-06-04 07:30:00 · 1226 阅读 · 0 评论 -
vue使用高德地图实现实时天气预报功能
需求:根据手机定位功能,使用高德地图实现定位当前城市的天气预报功能。原创 2022-05-31 14:20:15 · 2029 阅读 · 0 评论 -
vue考试系统后台管理项目-登录、记住密码功能
vue2.0后台系统管理项目:实现考试录入到评分、成绩查看导出一系列流程,人员分配权限,菜单路由配置,题库试题录入,管理考试分类原创 2022-09-03 17:06:39 · 15259 阅读 · 22 评论 -
Vue App打包优化配置和移动端适配处理
安装:1.npm install compression-webpack-plugin --save如果安装不成功,可选择降低版本:npm install compression-webpack-plugin@6.1.1 --save-dev2.npm install postcss-plugin-px2rem--save新建 主要文件 vue.config.js :// 在vue-config.js 中加入const Compre...原创 2022-05-13 09:49:49 · 483 阅读 · 0 评论 -
vue后台系统管理项目-角色权限分配管理功能
菜单权限管理模块功能:角色列表查询,通过(角色名称;角色编号;状态:启用、禁用)进行角色数据搜索;查询、重置、新建角色功能;角色列表分页实现;角色编辑,角色禁用,角色删除操作;新建角色功能包括对角色名称、菜单权限信息的保存提交原创 2022-09-22 10:17:37 · 4342 阅读 · 14 评论 -
vue element-plus后台管理系统项目-登录、记住密码功能
功能介绍:登录、记住密码功能实现;登录账号、密码添加规则验证;记住密码,默认保存7天,有效期内下次可直接跳转首页,非有效期需要重新输入账号、密码进行登录....原创 2022-10-09 10:05:19 · 4529 阅读 · 14 评论 -
vue高德地图JS API 实现海量点标记展示
vue高德地图,根据后台接口返回的数据进行海量点标记原创 2022-08-20 07:15:00 · 2980 阅读 · 8 评论 -
手把手教你使用vue3.0版本安装vant3 ui框架教程
vant3配置手机端适配,采用Rem 布局适配;需要使用 rem 单位进行适配,推荐使用以下两个工具:postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位,lib-flexible 用于设置 rem 基准值原创 2022-11-08 15:17:01 · 2431 阅读 · 0 评论 -
vue3 vant3推广活动项目-实现验证码登录功能
使用vue3+vant3框架,采用Rem 布局适配;postcss-pxtorem是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位,lib-flexible用于设置 rem 基准值;原创 2022-11-04 11:22:29 · 1334 阅读 · 0 评论