vue
关注
分享
扫一扫
文章平均质量分 69
屋昂仼
emo
展开
-
vue Electron ArcGis 桌面应用 Sqllite3 node-grp：老旧项目的起死回生
vue2+electron+sqllite3+node-gyp。看到这个技术栈，基本可以知道感知这个项目的关键词：vue、Gis地图、本地数据库、桌面客户端。顿时深感亚历山大。不多说，开干。原创 2023-06-09 11:28:43 · 1477 阅读 · 1 评论 -
vue3实现无缝滚动 列表滚动 vue3-seamlessscroll
vue3框架内的无缝滚动原创 2024-07-09 11:35:14 · 2270 阅读 · 0 评论 -
Electron 读取本地配置 增加缩放功能（ctrl+scroll）
elelctron读取本地配置 缩放功能原创 2024-03-27 18:09:11 · 1193 阅读 · 0 评论 -
Electron内调用网页出现 $ is not defined 或者 jQuery is not defined
解决electron引用第三方网页出现undefined的报错原创 2024-03-13 09:42:15 · 1112 阅读 · 1 评论 -
前端FLV视频直播解决方案
解决前端flv协议下直播视频流的播放原创 2023-12-21 17:10:00 · 2486 阅读 · 0 评论 -
nodejs调取exe执行文件连接websocket
使用nodejs，electron读取并执行客户端应用安装目录下的exe文件（exe文件是一个websocket服务）原创 2023-07-18 09:07:37 · 828 阅读 · 0 评论 -
vue最强table vxe-table 虚拟滚动列表 前端导出
vue table万能组件原创 2023-07-06 13:05:41 · 13060 阅读 · 4 评论 -
vue echarts v-charts动态添加数据 动态设置options - aftersetoption
需求是：一开始只有三组数据，然后随着下拉框动态选择指标，最多选择两个。然后动态加载到图表中；用的是基于echarts的v-charts；此时的需求就是要动态设置比如 legend，title或者是tooltips等等；难道加一个ref 去操作dom吗？ 仔细查看 v-charts 文档发现一个方法：既然每次生成图例都可以用这个方法，并且参数还是echarts实例，那么可以大胆的...原创 2019-08-29 16:43:48 · 17626 阅读 · 1 评论 -
vue中echarts “There is a chart instance already initialized on the dom.
vue中反复加载echarts会出现这个问题：There is a chart instance already initialized on the dom.也很好理解，就是这个dom已经创建过了，由于反复加载，你又创建了一次。但是看到网上的几种方法，比如：var myChartif (myChart != null && myChart != "" && myChart != undefined) { myChart.dispose();原创 2021-04-22 15:29:12 · 3038 阅读 · 1 评论 -
【mySql的安装配置】mySql的安装配置以及配合nodejs、express以及配合前端vue的使用
1、mysql的网址以及下载安装镜像包下载地址：https://dev.mysql.com/downloads/mysql/xia原创 2021-06-09 16:40:12 · 468 阅读 · 0 评论 -
前端如何实现webvr全景
1、方案调研业务需要实现vr全景，类似于汽车之家，或者是贝壳看房之类的。经过技术调研，主流实现技术方案主要有3种：1、threejsthreejs在3D流域的应用不用多说，但是最终实际效果不好、threejs的api多于繁杂等原因放弃。2、css3D没错，css也可以实现这些vr全景效果，考虑到兼容性以及实际体验，最终还是放弃了。3、pano2vr或者krpano经过实践，这些第三方软件做出的效果确实不错。而且发现许多网站，许多第三方vr公司都是用的这些技术。所以决定用第三方软件原创 2021-12-10 11:52:06 · 7553 阅读 · 0 评论 -
请求二进制数据和base64格式数据的预览显示
二进制数据预览显示原创 2022-06-27 14:05:28 · 381 阅读 · 0 评论 -
vue+videojs视频播放、视频切换、视频断点分段上传
本文介绍了利用videojs实现视频播放以及视频切换功能，同时附加介绍了视频断点续传功能。原创 2022-11-30 14:10:32 · 5923 阅读 · 2 评论 -
vue3 vite lottie动画使用以及注意事项
vue3+vite前端组合内使用lottie动画，以及使用过程中出现的问题。原创 2022-05-31 17:19:00 · 1966 阅读 · 0 评论 -
vue 高德地图 3D threejs 可视化开发
vue中使用threejs和高德地图，加载3D模型。1、准备工作 - 导入3D模型首先在public中的static文件夹中导入编辑好的3D模型分别是mtl和obj格式的。如图：2、安装依赖 - threejs和three-obj-mtl-loader后者依赖前者，所有都要安装。npm i -S three three-obj-mtl-loader3、vue中引入高德地图非常隐含的是，js API并没有离线版本。那么需要引入在线的高德地图。但是如何在vue组件中比较好的使用原创 2021-04-23 17:54:59 · 6089 阅读 · 5 评论 -
【视频直播流】vue flv视频直播流 flv rtmp vue 直播视频流
1、安装vue-video-playernpm i -S vue-video-player2、编写my-video.vue 组件<template> <div class="video-js"> <div v-if="!videoSrc" class="no-video"> 暂未播放视频 </div> <video-player v-else class="vid原创 2020-12-29 14:14:47 · 3784 阅读 · 5 评论 -
vue3 protobufjs 前端解析PB数据
protobufjs解析PB数据，protobufjs二进制转json原创 2022-05-17 11:53:36 · 4522 阅读 · 0 评论 -
vue自动登录 不要登陆页打开直接登录
项目需求要求，打开网页直接登录，不要出现登录页面。思考一下，做了几方面的修改。1、vuex actions 登录方法....actions: { // 自动登录 autoLogin ({commit}) { return new Promise((resolve, reject) => { doLogin({ username: 'admin', password: md5('adm原创 2021-03-19 16:30:05 · 5574 阅读 · 1 评论 -
[vite] http proxy error: Error: self signed certificate in certificate chain vite 代理报错如何破
解决vite代理报错问题原创 2022-03-17 10:51:20 · 20530 阅读 · 8 评论 -
vue openlayer GisMap QGis 点击交互 MultiLineString 样式高亮
Gis Geoserver Openlayer ImageWMS 点击选中要素以及高亮效果原创 2023-04-24 11:06:11 · 663 阅读 · 1 评论 -
vue 可视化表单设计器 自定义组件
vue使用可视化编辑器设计表单，并自定义组件原创 2023-01-04 15:09:22 · 7768 阅读 · 13 评论 -
一步步打造最新前端框架组合 —— vite+vue3+pinia+vue-router@4+setup+ts
vue3+vite+ts+setup+pinia+scss最新前端框架组合原创 2022-02-08 17:06:43 · 4588 阅读 · 0 评论 -
vue Qgis geoserver openlayer 一站式让你玩转自定义地图
vue Qgis gis openlayer geoserver 引入自定义地图原创 2022-01-27 15:34:06 · 3884 阅读 · 0 评论 -
vue electron node koa 实现桌面应用
vue electron koa原创 2022-01-17 17:32:21 · 2834 阅读 · 0 评论 -
vue html5 人脸识别登录
基本原理就是通过浏览器相关api打开本地摄像头，然后把视频流传给video标签播放出来，通过canvas进行图片截取，不断生成图片，进行人脸比对。1、调取本地摄像头 <!--展示摄像头视频流--> <video ref="video" width="462" height="462" autoplay></video> <!-- canvas截取图片 --> <canvas cla原创 2021-09-30 09:59:40 · 2067 阅读 · 2 评论 -
vuecli4 electron13.3.0 创建客户端应用以及安装、打包时候遇到的问题
1、创建项目// 这个步骤不在多说vue create vue-electron-demo2、添加electron# 项目创建完毕之后,进入项目文件夹cd vue-electron-demo# 添加electronvue add electron-bilder注意，这里开始出现问题。不管你的npm是不是淘宝镜像，你会发现这个electron下载的很慢或者干脆就是报错。这里有个技巧：当执行到node install.js ....你就需要ctrl+c，原创 2021-09-15 17:34:32 · 1197 阅读 · 0 评论 -
vue2到vue3的极简迁移之路
1、项目创建可以用vuecli，也可用vite。原创 2021-09-15 17:18:23 · 15336 阅读 · 1 评论 -
【vue和iframe】vue和iframe之间如何相互通信
项目中有个地图是通过iframe嵌入vue项目中的，vue组件和iframe之间的通信就需要通过window.parent和contentwindow.1、iframe向vue组件传递数据在iframe中请求了数据，需要传递给vue组件// iframe中请求数据request('get','tower/core/power/light/data/now',parameters).then(res => { if (res.data.code == 0) {原创 2021-03-15 15:57:01 · 6545 阅读 · 5 评论 -
【国际化】vue element 国际化 切换语言 中英文 i18n
1、安装i18nnpm i -S vue-i18n2、创建lang文件夹src下创建lang文件夹，创建三个文件，分别是 index.js en.js zh.js;如下：2-1、index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import locale from 'element-ui/lib/locale';import enLocale from './en'import zhLocale fr..原创 2020-12-03 13:19:41 · 825 阅读 · 1 评论 -
【动态组件】vue 动态创建不同的组件 利用循环遍历 component is 解决问题
现在有个需求，点击按钮生成不同的组件，同时要在每个组件中记录一下当前组件的索引值。突然想到了可以把新增的组件push到一个数组中维护，然后拿到数组中的索引值放进新增的组件中。同时利用 component 解决东投资组件的问题。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi原创 2020-10-29 19:05:54 · 4025 阅读 · 1 评论 -
vue 在父组件中重置子组件 组件状态复原
有时候，需要一键复原组件的状态，这里提供三种方法，分别适用于不同的场景需求。第一种： v-ifv-if 简单，粗暴的直接控制着这个组件的dom是否重新渲染。<button @click="handleClick">refresh</button><child v-if="showFlag" />handleClick () { // 不断切换...原创 2020-05-06 10:55:01 · 4640 阅读 · 0 评论 -
elementui 循环添加方法
需求：循环添加同一个组件，比如添加10个相同组件，这时候方法总不能在methods里边写10个吧，这样太low。解决办法：一个箭头函数就搞定。例子： <el-input-number v-model="item.num" size="mini" ...原创 2020-04-24 11:09:01 · 1517 阅读 · 0 评论 -
vue element table 动态渲染表头 生成表格
一个需求：父组件上的一些筛选条件影响到了子组件的table表头。也就是说这个表头是动态添加的，不固定。子组件 -> table 组件<template> <div class="fund-evalute-result"> <el-table style="100%" :data="re...原创 2020-04-21 13:58:29 · 2426 阅读 · 0 评论 -
@vue-cli4.0 vue create app If you are using vue-loader@>=10.0 xxx 报错
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/xxx报错的大概意思就是：你当前的 vue版本和vue-template-complier版本不匹配，八字不合！分别查看一下当前的版本：果然如此。升级 vue：然后开始玩耍。...原创 2020-04-09 16:08:55 · 2337 阅读 · 0 评论 -
vue 项目线上环境 出现 favicon.ico 不显示 怎么办
vue 项目线上环境 出现 favicon.ico 不显示 怎么办？一直提示报错： GET HTTP: xxx.xxxx.xxx.xxx:8080/favicon.ico 404 (Not Found);总之是没找到这个文件；一打包之后，favicon.ico 这个文件就不见了，问题肯定出现在webpack输出配置中；所以从两方面入手：第一步： 修改webpack配置；同时在...原创 2020-03-27 15:44:01 · 5364 阅读 · 2 评论 -
vue elementui upload axios formdata多图片上传填坑记
项目需求 项目中要实现一个文本上传和多图片上传的功能，如图所示：乍一看，真尼玛简单。直接上代码布局：<el-form ref="form" :model="form" :rules="rules"> <div class...原创 2020-01-07 10:25:53 · 996 阅读 · 0 评论