Vue
JavaScript与Vue中禁用鼠标右键菜单的实现方法

本文介绍了在JavaScript和Vue项目中禁用鼠标右键菜单的方法。通过oncontextmenu事件和addEventListener监听contextmenu事件,结合preventDefault()阻止默认行为。在Vue中,利用@contextmenu指令实现自定义右键菜单功能,并处理显示、定位及隐藏逻辑。

2026-10-31 08:26:09
602
组件花园
JavaScript实现给数字添加千位分隔符

本文详细介绍在JavaScript中为数字添加千位分隔符的多种实现方式,包括手动遍历字符串、使用正则表达式、toLocaleString及Intl.NumberFormat方法。同时提供在Vue项目中创建并全局挂载数字格式化过滤器的完整步骤,便于在页面中直接复用。

2026-10-31 07:59:30
597
组件花园
Vue集成ArcGIS API for JS实现地图加载与3D视图配置

本文介绍在Vue项目中集成ArcGIS API for JS的方法,涵盖地图实例创建、2D与3D视图配置及显示流程。通过具体代码示例,展示如何设置底图、中心点、缩放级别及初始范围,帮助开发者快速实现Web地图应用。

2026-10-30 23:14:12
497
小布丁
JS、C++与Vue交互通信及数据传递实现

本文详解JS、Vue与C++之间的交互通信机制。涵盖在Vue中暴露方法供JS调用、JS通过webview与C++双向通信传递参数,以及利用localStorage监听实现Vue与JS间的数据同步方案,提供关键代码片段与逻辑说明。

2026-10-30 23:10:47
412
青团子
Vue渲染数组时实现最后一项不加逗号

本文介绍在Vue项目中处理后端返回列表数据时,如何在每个元素后添加逗号但最后一项不显示的技巧。通过利用map循环遍历数组,对非最后项拼接逗号,实现表格项鼠标悬停提示时的格式要求。

2026-10-30 22:30:50
156
代码拾荒
JavaScript获取地址栏参数的多种实现方案

本文详细解析如何在JavaScript原生及Vue、Angular、React等主流框架中获取地址栏参数。涵盖正则匹配、字符串截取等原生方法,以及Vue的useRouter、Angular的ActivatedRoute和React的路由配置,提供查询参数与路径参数的具体代码实现。

2026-10-30 21:57:00
421
松果
layui导航栏二级菜单不显示及layer关闭问题解决方案

本文解决layui导航栏二级菜单无法展开及layer关闭iframe失败的问题。针对导航栏,需在Vue mounted钩子中初始化element模块;针对layer,需使用parent.layer.getFrameIndex获取索引并关闭。

2026-10-30 19:08:43
399
模板散步
封装适用于Vue和Uniapp的全局弹窗组件

本文介绍如何在Uniapp中封装一个可复用的全局弹窗组件,并兼容Vue环境。通过Vue.prototype挂载全局方法,利用Vue.extend创建实例并手动挂载生成真实DOM,实现动态插入与移除。该方法适用于WebSocket或轮询场景下的即时信息提示与交互操作,支持跨页面调用显隐。

2026-10-27 01:37:26
236
松果
解决Vue项目中Swiper循环模式下ECharts渲染与交互失效问题

本文针对Vue项目中Swiper开启loop:true循环模式时,ECharts图表无法渲染及点击事件失效的问题进行分析。通过修改DOM初始化逻辑及利用swiper的click-slide事件,分别解决了图表ID冲突导致的渲染失败和事件绑定缺失导致的交互失效,提供了具体的代码实现方案。

2026-10-26 12:51:15
463
雾松
Vue集成jsbarcode与qrcodejs2生成及打印条形码二维码

本文介绍在Vue项目中如何使用jsbarcode和qrcodejs2库生成条形码与二维码。详细列出安装引入步骤、参数配置及DOM操作代码。重点解决打印时因重复实例化导致的二维码叠加问题,提供通过移除子节点实现打印前清理的解决方案。

2026-10-26 08:10:10
73
山岚