会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
维维WW
写博客主要是为了记录下自己工作中的东西,避免长时间又忘记了。
博客园
首页
新随笔
联系
订阅
管理
2025年2月20日
Vue使用事件总线(Event Bus)
摘要: 先在main.js中设置总变量 import Vue from 'vue'; export const EventBus = new Vue(); 然后再页面中EventBus // 在组件中触发事件 EventBus.$emit('someEvent', data); // 在另一个组件中监听事件
阅读全文
posted @ 2025-02-20 14:09 维维WW
阅读(9)
评论(0)
推荐(0)
2025年2月13日
把element ui Checkbox 多选框的全选从【一组】改成【多组】
摘要: 把element的全选从一组改成多组 变成多个数组,能同时全选,非全选,效果如下 代码如下 uusdList: [ //数据 { country:'埃及', isUpdate: true, isIndeterminate: true, checkAll: false, checkedChannel:
阅读全文
posted @ 2025-02-13 14:15 维维WW
阅读(18)
评论(0)
推荐(0)
2025年2月12日
Vue Router 中实现 beforeEach
摘要: 要在 Vue Router 的 beforeEach 导航守卫中实现基于角色的访问控制,你需要先确定用户的角色,并根据该角色检查他们是否有权访问目标路由。假设你有一个地方可以获取当前用户的角色(例如,存储在 Vuex 状态管理中或通过一个 API 调用获取),你可以使用这些信息来动态地控制访问。以下
阅读全文
posted @ 2025-02-12 11:07 维维WW
阅读(114)
评论(0)
推荐(0)
2024年12月17日
vue跑马灯效果
摘要: 功能:根本文字时长设置滚动时长,鼠标移上去停止滚动,把鼠标移开继续滚动 我这个是滚动2遍则隐藏,如果需要一直滚动的,把定时关掉就了。 <template> <div id="app"> <div class="marquee"> <div class="text" :class="{ 'animat
阅读全文
posted @ 2024-12-17 14:38 维维WW
阅读(116)
评论(0)
推荐(0)
2024年12月9日
element table的selection根据条件禁用
摘要: 一个表格中的勾选框,根据每一列的条件判断是否可以选择。只需要在table的type="selection"列新增一个selectableCallback <el-table-column type="selection" :selectable="selectableCallback"/> sele
阅读全文
posted @ 2024-12-09 16:04 维维WW
阅读(525)
评论(0)
推荐(0)
2024年9月25日
vue 浏览器指纹-fingerprintjs
摘要: FingerprintJS 是一个用于创建用户浏览器指纹的开源库。在 Vue 应用中使用 FingerprintJS 可以帮助你追踪用户的浏览器信息,从而实现个性化的服务或者分析用户行为。 首先,你需要安装 FingerprintJS: npm install @fingerprintjs/fing
阅读全文
posted @ 2024-09-25 11:40 维维WW
阅读(1074)
评论(0)
推荐(0)
2024年8月23日
canvas 如何自动去换行
摘要: 在HTML canvas上绘制文本时,如果文本超出了canvas的宽度,它不会自动换行。要实现自动换行,你需要手动计算文本的长度并在适当的位置进行换行。 以下是一个简单的JavaScript函数,它使用canvas的measureText方法来计算文本的长度,并在达到指定宽度时自动换行: funct
阅读全文
posted @ 2024-08-23 12:05 维维WW
阅读(392)
评论(0)
推荐(0)
2024年7月3日
css3 列表按先后顺序移动过来显示
摘要: 要实现列表按先后顺序平移过来,可以使用CSS动画结合:nth-child()选择器。以下是一个简单的示例: HTML: <ul class="list"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> CS
阅读全文
posted @ 2024-07-03 15:43 维维WW
阅读(76)
评论(0)
推荐(0)
2024年7月1日
css3动画实现数字动态增加
摘要: 要实现数字的动态增加效果,可以使用CSS3的@keyframes规则来创建动画,并使用JavaScript来更新数字。以下是一个简单的实现示例: HTML: <div id="counter" class="counter">0</div> CSS: .counter { /* 初始样式 */ }
阅读全文
posted @ 2024-07-01 15:53 维维WW
阅读(675)
评论(0)
推荐(0)
2024年6月25日
jQuery----banner图(图片循环播放)
摘要: 自动轮播,可点击上一张下一张。效果如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>banner自动轮播</title> <style> .wrapper { width: 600px; height: 3
阅读全文
posted @ 2024-06-25 11:53 维维WW
阅读(86)
评论(0)
推荐(0)
下一页
公告