vue

主要实现二维码的生成及下载，使用到的插件 qrcode、file-saver、jszip 1、npm 包安装 npm -s i qrcode file-saver   jszip 2、在页面中使用 import JSZip from 'jszip' import fileSaver from 'file-saver' import QRCode from 'qrcode' 生成二维码 const …

文章目录 BUGFIX 引入 实现思路 实现步骤 1.主进程监听窗口移动 2.通信工具补充ipc调用 3.渲染进程封装通用拖拽组件 测试 BUGFIX 2023/07/16 DragTool组件补充鼠标移除事件，添加延时器，避免卡顿的情况下，鼠标滑出移动范围，但窗口仍跟随鼠标移动 引入 如果你尝试过透明窗口，并控制透明部分事件击穿，就会发现使用 drag属性样式去控制窗口拖拽会导致点击事件失效，并…

需求：想要拿到 数组里面的第二个数据，直接   this.tableData = res.text.data.tableData[1] 这样写，报错。 解决： res.text.data.tableData[1]  这个是一个对象，直接赋值给数组，类型不同，不能这么直接操作。 我用了push 方法，成功。参考 vue常见错误：Invalid prop: type check failed for …

关于动态路由： 1.在进行要跳转的那个组件里面进行这样书写： <router-link tag="li" class="item" v-for="item of recommendList" :key="item.id" :to="'/detail/' + item.id" > <!--里面包含的组件--> </router-link> 必须要这样进行书写，因为…

首先看到一些数据交互案例中，后端返回一个可访问带pid的一维路由数组,pid代表父级id,这个数组要前端格式化成 树形结构 路由。感觉此方式稍显麻烦的原因是不知道前端是不需要这个pid的，也就是本文中的第二种方式，可以把有权限访问的路由name直接发给前端。vue端建有一个完整路由表，根据name数组就可过滤出一个可访问的路由结构，而不必指定父级是谁。 一、先实现带pid的路由数组的格式化方法： …

咱们言简意赅行吗 logout() { var storage = window.localStorage; storage.clear(); this.$router.push(`/login?redirect=${this.$route.fullPath}`); //跳回登录地址 } 版权声明：本文为weixin_40571965原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原…

做项目时有个需求，就是播放腾讯视频，直接给的播放链接，比如： https://v.qq.com/x/page/b0136et5ztz.html （该链接是网上找的）。最初的做法，就是用vue开发h5页面实现播放腾讯视频，然后嵌入到小程序中。但是发版时，发现不能播放。最后无奈只能用小程序原生代码去实现播放腾讯视频。具体整个过程如下： 1. Vue实现腾讯视频播放 1.1 方式1：使用iframe 简…

App.vue var appContext = getCurrentInstance()?.appContext; var globalProperties = appContext.config.globalProperties; provide('globalProperties', globalProperties) 任意子孙组件 var globalProperties = inject…

router 是全局的一个路由实例（全局变量），其中包含了所有的路由、路由的关键属性及方法 用法：1、$router.push({path:'/login'})       //路由跳转，实际是往history中添加路径 2、$router.push({path:'/login',query:{name:'userName'}})  //路由传参，在route中获取参数 3、$router.rep…