![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
酒渣
这个作者很懒,什么都没留下…
展开
-
vue使用crypto-js对数据进行加解密
1, 创建DES加密和解密方法。原创 2024-07-29 15:40:04 · 182 阅读 · 0 评论 -
vue实现一个简单的审批绘制功能
【代码】vue实现一个简单的审批绘制功能。原创 2024-07-03 15:05:07 · 395 阅读 · 0 评论 -
vue封装一个简单的权限管理功能, 控制页面的按钮显示与隐藏
/ 登录成功后获取到的按钮权限数据存储到这里。2、在utils/index.js里编写。1、在项目入口html文件创建全局变量。3、在main.js里引入。5、模拟获取到的权限数据。原创 2024-06-24 15:32:52 · 272 阅读 · 0 评论 -
使用vue自定义指令directive写一个div移动指令
1、在src/utils目录创建drag.js文件。在注册指令名称时不需要‘v-’;2、在min.js里引入指令。原创 2024-06-19 14:35:18 · 334 阅读 · 0 评论 -
使用el-tree封装一个权限管理的小功能
使用el-tree封装一个权限管理的小功能原创 2024-06-05 10:38:06 · 455 阅读 · 1 评论 -
vue3父子组件传值
【代码】vue3父子组件传值。原创 2024-02-20 23:18:29 · 502 阅读 · 0 评论 -
vue3使用pinia
vuex: 集中式管理状态容器, 可以实现任意组件之间通信;核心概念: state\mutations\actions\getter\modules。pinia: 集中式管理状态容器, 可以实现任意组件之间通信 核心概念: state\actions\getters。pinia类似于vuex, 但相对于vuex少了mutations和modules。原创 2024-02-20 20:56:29 · 308 阅读 · 0 评论 -
el-select二次封装实现可分页加载数据
使用el-select时一次性渲染几百条数据时会造成页面克顿, 可以通过分页来实现, 这里我用的方式为默认获取全部数据, 然后一次性截取10条进行展示, 滚动条触底后会累加, 大家也可以优化为滚动条触底后发送请求去加载数据。原创 2023-12-19 18:41:11 · 1026 阅读 · 0 评论 -
vue使用slot封装navBar
1、创建navBar.vue文件。2、在页面使用页面中引入并使用。// 是否显示左侧内容。原创 2023-11-27 14:44:57 · 619 阅读 · 0 评论 -
vue使用js生成图片验证码
1、创建Identify.vue文件,用来生成验证码。2、在需要显示图片验证码文件里引入。使用canvas生成图片验证码。原创 2023-11-15 17:37:39 · 321 阅读 · 0 评论 -
el-carousel加载缓慢问题
el-carousel加载缓慢,如果点击下一个或者上一个按钮时,加载速度很快,否则需要等2秒左右才能显示。已经确定不是接口问题,后来各种百度才知道el-carousel会自动添加了一个空的数据。原创 2023-08-14 09:59:31 · 479 阅读 · 1 评论 -
使用多次定时器导致页面卡死解决方案
在开发时, 难免会遇到使用定时器定时获取数据, 但是时间久了后会导致浏览器直接卡死, 原因是js的单线程引起的, setInterval不会清除消息队列, 每执行一次都会导致定时器叠加, 直到浏览器卡死, 以下两种方案希望可以帮助您。原创 2023-07-13 16:32:14 · 1606 阅读 · 0 评论 -
vue使用计算属性计算两个input的值
vue使用计算属性计算两个input的值原创 2022-10-12 11:36:16 · 1522 阅读 · 1 评论 -
el-table实现多选及反选
el-table实现多选及反选原创 2022-10-09 10:40:48 · 2742 阅读 · 2 评论 -
vue+element-ui实现form表单动态验证是否为空并且验证是否只能输入数组或者小数
vue+element-ui实现form表单动态验证是否为空并且验证是否只能输入数组或者小数<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,原创 2022-02-14 16:32:02 · 1898 阅读 · 0 评论 -
浏览器定时器离开标签是会变慢问题
定时器离开标签是会变慢问题对于不方便使用webSocket的实时页面来说,需要用到setInterval或者setTimeout, 但是在使用他们的时候我们会发现离开当前标签后等待一段时间定时器会变慢,就像休眠状态一样,本来一秒钟执行一次,结果变为一分钟或者更长才执行一次,这个问题困扰了我很久,最终在git上找到解决办法,还不错,来给大家分享一下: 1, 安装 worker-timers npm install worker-timers 2, 导入 import * as worker原创 2021-06-23 14:49:55 · 822 阅读 · 0 评论 -
vue新建项目
vue新建项目1、 首先查看是否安装node.js在cmd里输入 node -v如果没有安装请到node.org.下载安装即可。2、全局安装vue-clinpm install vue-cli -g3、查看vue-cli是否安装成功 vue -V4、如果出现上图所示,表示已安装成功,下面来创建新项目vue create my-project// myproject代表项目名称,可按自己需求5、到这一步打回车即可,耐心等待。6、到这一步我们已经成功的创建了第一个vue项目,启原创 2021-03-06 17:15:03 · 229 阅读 · 0 评论 -
vue项目中自动生成二维码
vue项目中自动生成二维码我们在做vue项目时,很多时候要用到生成二维码的功能,今天给大家介绍一个有前端生成二维码的小例子:1、安装vue-qr:npm isntall vue-qr --save2、在组件中引入<template> <div> <vue-qr :logoSrc="imgPath" :text="value" :colorDark="stype" :size="150"></vue-qr> </div>&l原创 2021-03-06 14:23:40 · 588 阅读 · 0 评论 -
websocket的使用及nginx通信的ws代理配置
websocket的使用及nginx通信的ws代理配置最近在做的vue项目要使用websocket,本文讲述了websocket在vue中使用及打包后使用nginx代理。1、创建vue项目,这里不在详细去说,如果在创建项目时有疑问请访问:link.<template> <div></div></template><script> export default { name: 'socket', data(){ re原创 2021-03-05 15:29:05 · 1600 阅读 · 0 评论