vue

最近项目要实现关闭浏览器清除用户缓存的功能，在网上找了很久大部分都是使用 window.onbeforeunload 这个监听函数来做处理的，但是这个监听函数最大的问题就是浏览器刷新和关闭都会触发这个监听的事件，不符合我的需求。于是一开始的思路一直在寻找如何区分刷新和关闭的，但是找了很多方法有的不太靠谱，有的没有效果 下面这种我试了下，倒是也能实现，但是这个间隔的时间这谁说的准呢，不同的浏览器可能…

最近需要使用 Vite 及 Vue3 来开发项目，需要升级我本地的 Node V12版本，但基于本地 Node 版本已经开发了许多其他项目，直接升级会出现各种兼容性bug，于是便使用 nvm 来进行 Node 版本的管理，nvm 同时支持 Linux、Windows、Mac。 我这里以 Windows 环境为例，记录使用 nvm 进行 Node 版本及 Vue 的管理（React 及其他同理）。 …

文章目录 1，添加水印 2，图片截图 3，上传多个图片同时并添加上水印 1，添加水印 选择上传一张图片，使用cavans对其添加水印； 我这里使用的是 vantUI的uploader 组件上传图片，当然也可以使用原生的 input type='file' 来上传图片，然后拿到资源句柄； 效果图如下： 水印是在左下角 代码如下： 大家主要看 afterRead(file) 方法即可，其中需要注意的是…

提示：之前我们已经对vue中的路由做了简单的了解，本文将对vue的路由做更深层次的学习 文章目录 前言 一、 路由的props配置 1.1 使用 1.2 总结 二、 路由跳转的replace方法 三、编程式路由导航 四、缓存路由组件 五、activated和deactivated 六、 路由守卫 6.1 全局路由守卫 6.2 独享路由守卫 6.3 组件内路由守卫 七、路由器的两种工作模式 前言 提…

weex书写步骤 全局样式规划：将整个页面分割成合适的模块。 flex 布局：排列和对齐页面模块。 定位盒子：定位并设置偏移量。 细节样式处理：增加特定的具体样式。 1.通用样式 /*除此通用样式之外的属性，均不被支持*/ 1.单位只支持px和wx（不受屏幕宽度和viewPortWidth影响），不支持相对单位（em、rem）和百分比，vw/vh等； 2. 盒模型的 box-sizing 默认为 …

爬坑日志 对于微信开放性标签文档的爬坑 对开发文档的解读 解读2 友情提示 学海无涯 对于微信开放性标签文档的爬坑 对于一个初步设计此类需求的开发任务 第一次看开发文档 上级只给了开发文档的链接！ 当第一眼看到的时候也是一脸懵逼 链接: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html…

使用场景：通过组件userLogin.vue读取到后端的用户信息，使用mapMutations存储到vuex中，随后通过my.vue页面使用mapState展示用户信息相关数据。 首先，vuex采用modules模块化开发，便于维护： // src > store > index.js > import Vue from "vue"; import Vuex from "vuex…

真的有时候官网给出的就那么两个话，样例也没有，对新手真的很不友好，有些也很难百度 我就以今天自己碰到的问题，搞了很久，很开心到最后解决了，花了挺长一段时间的，也是我本人能力有限的问题 官网给出 到底怎么用呢？ 我就把代码全部贴上去比较好看一点，好理解一点，在我打很多”！“的上面 需要    :show-message="true"  需要冒号"："，才能实现错误信息不提示， 要写在<el-f…

面向B端的商户中一般会根据当前用户去获取对应的权限码去控制页面和按钮的展示，在这里我们可以封装v-auth指令去实现多条件判断的按钮权限控制。 （ vue官方自定义指令 ） v-auth传入的权限码可以是String或者Array，此外还提供跟数组some和every方法一样的修饰符。 /** * auth指令 v-auth="Array or String" * 传入的权限码可以是数组或者是字符…

文章目录 一、引入Vue链接创建项目 二、双向绑定 三、props 四、计算问题 五、侦听 六、class 一、引入Vue链接创建项目 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 这样你会得到一个Vue的构造函数，然后就可以通过new语法创建一个vue实例。 代码如下（数据的显示是…