国产麒麟v10系统下打包electron+vue程序，报错unknown output format set
报错如下： 报错第一时间想到可能是代码配置原因报错，查看代码似乎感觉没啥问题 又查看具体报错原因可能是因为icon的原因报错，后面查阅发现ico在各系统平台会不兼容，也就是ico是给win下使用的，此处改下图标格式就ok，我这里使用的是png作为图标 background.js： vue.co...
SpringBoot3 + Vue3 + Element-Plus + TS 实现动态二级菜单级联选择器-效果展示
1.1 点击效果 1.2 选择效果 1.3 返回值 返回值为二级分类的 id {categoryId: "21"} 1.4 模拟后端返回数据 const categories = [[ { "id": 9, "name": "吃的" }, { "id": 5, "name": "食品...
微信小程序酒店选择日期和入住人数（有效果图）-需要引入的.vue
<template><view><view @click="page_showModal('reservation',1)">打开房租</view><view @click="page_showModal('reservation',2)"&g...
vue的优化手段
vue常见优化手段 使用key 对于通过循环生成的列表，应给每个列表项一个稳定且唯一的key，这有利于在列表变动时，尽量少的删除、新增、改动元素。 使用 index 作为 key 值，唯一但是不稳定。 一般情况下，应该选取 id 作为key值。 使用冻结对象 冻结的对象不会被响应化。 Object....
vue中router使用keep-alive缓存页面的注意事项
<keep-alive exclude="QRCode"> <router-view></router-view> </keep-alive> exclude表示不缓存这个界面，注意 QRCode是组件的名字export d...
vue使用海康控件开发包——浏览器直接查看海康监控画面
1、下载控件开发包 2、安装插件（双击/demo/codebase/HCWebSDKPlugin.exe进行安装） 3、打开/demo/index.html文件 4、在页面上输入你的海康监控的登录信息进行预览 如果有监控画面则可以进行下面的操作 注意：以下操作都在Vue项目进行 5、复制开发包...
前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
vue热更新编译慢的解决办法 安装插件：babel-plugin-dynamic-import-nodeyarn add babel-plugin-dynamic-import-node -D增加配置文件：babel.config.js module.exports = { env: { d...
基于vue+node+mysql的视频校对系统
一、登录注册：包括登录，注册，忘记密码，验证码等常用点。 二、用户管理：包括用户的增删改查 三、权限管理（请增加这个权限：任务分配——只有管理者才能发布和删除任务；管理员设置。 四、个人中心 五、任务分配： 任务清单应体现：任务标号，视频名字，视频文件，参加人员（被指定完成任务的不止一个），完成情况...
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
1 找到属性标签添加 lazy 和 :load="loadNode" 这两个属性 2 引入树形接口,并和后端约定好传值,(拿我的举例 第一次获取全部父级默认第一次传参数:{ parentId : 0},可获取全部父级 第二次通过点击的子级把子级id传进去,这一步就用到了:load="loa...
vue3的ref和reactive-Reactive函数
作用：定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）。 使用ref定义的响应式数据，在js中修改的时候必须加上.value；使用reactive定义的响应式数据，不用.value就可以进行修改，无论对象层级有多深，数组也可以直接用索引来修改。 语法：const 代理对象 = ...
Vue 常用修饰符
目录 定义 事件修饰符 v-on（缩写@） 鼠标按键修饰符 v-bind 修饰符（缩写:） 键值修饰符 表单修饰符 定义 修饰符是用于限定类型以及类型成员的声明的一种符号，vue 中修饰符分为以下五种：事件修饰符、鼠标按键修饰符、v-bind 修饰符、键值修饰符、表单修饰符 事件修饰符 v-on（...
vuex-- Vue.的中心化状态管理方案（vue 组件之间的通信简化机制）
vuex-- Vue.的中心化状态管理方案（vue 组件之间的通信简化机制）如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。vuex就是为了解决组件通信问题的。组件通信的本质其实就是在组件之间传递数据或组件的状态（这里将数据和状态统称为状态），但可以看到如果我们...
vue3项目 使用 element-plus 中 el-collapse 折叠面板
最近接触拉了一个项目，使用到 element-plus 中 el-collapse 折叠面板，发现在使用中利用高官网多多少少的会出现问题。 （1.直接默认一个展开值，发现时显时不显 2 . 数据渲染问题，接口请求了，页面数据不更新 3 样式问题，自定义表头title等等） 我们的数据结构是双数组，如...
vue 请求php接口 header 传自定义参数 提示cors 跨域问题
前端地址 http://192.168.0.125:4021 请求后端地址的时候报 from origin 'http://192.168.0.125:4021' has been blocked by CORS policy: Request header field userid is not...
vue--公告轮播
html: <div class="news" v-if="news.length > 0" ><ul class="marquee_list" :class="{ marquee_top : animate }"><li v-for="item in news"...
VUE识别图片文字OCR（tesseract.js）
效果:1： 效果图2： 一、安装tesseract.js npm i tesseract.js 二、静态页面实现 <template> <div> <div style="marginTop:100px"> <input @change...
Vue 3 项目构建与效率提升：vite-plugin-vue-setup-extend 插件应用指南
一、Vue3项目创建 前提是已安装Node.js（点击跳转Node官网） npm create vue@latest 这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示： ✔ Project nam...
vue系列之项目结构
参考地址：链接build webpack配置相关config webpack配置相关node_modules npm install 安装的依赖代码库src 存放项目源码static 存放静态资源.babelrc babel的一些配置，大部分浏览器是不能支持ES6的，所以通过babel转化成ES...
vue-router学习1：安装与基本用法
介绍 Vue Router 是 Vue.js 的官方路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得轻而易举。 功能包括： 嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡系统提供的过渡效果细致的导航控制自动激活 CSS 类...
Three.js加载glb / gltf模型，Vue加载glb / gltf模型（如何在vue中使用three.js，vue使用threejs加载glb模型）
简介：Three.js 是一个用于在 Web 上创建和显示 3D 图形的 JavaScript 库。它提供了丰富的功能和灵活的 API，使开发者可以轻松地在网页中创建各种 3D 场景、模型和动画效果。可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等。这里记录一下如何在Vue...