vuejs使用中的两个小坑

简介: vuejs使用中的两个小坑

我承认,这篇文章题目起的很不将就,不过相信我,已经尽力了。

最近一直在为项目写demo,算是帮同事提前采坑吧,不过也告一段落了。最后来记录两个小细节~

VueStrap和bootstrap的冲突

测试使用的版本是:

  • vue-strap 1.0.7
  • bootstrap 3.3.6

按说vue-strap只是封装了一下bootstrap,可实际使用时,竟然发现VueStrap.radioGroup和bootstrap.[min].js文件有冲突,导致前者失效。

由于我的场景是想使用bootstrap的tooltip功能,所以我的解决方案是:不要加载bootstrap.[min].js,而是直接加载其独立的./node_modules/bootstrap/js/tooltip.js即可快速的越过该冲突。

组件的ready回调中$broadcast事件给子组件无效

这个问题要比第一个更有代表意义。vue组件化后,我们就有了很多父子关系的组件,在此场景下,如果你在父组件的ready回调中试图向其子组件广播事件,你可能会发现一切什么都未发生,原因也很简单,因为此时可能子组件还未渲染,更谈不上绑定事件了!

解决方案也很简单,就是使用vue提供的$nextTick方法,将广播事件的逻辑放在下一个时钟触发,即可以保证子组件响应指定事件。

预告

好了,vuejs相关的主题就暂时告一段落,接下来我可能会写一些wordpress二次开发的内容,因为项目要用~~

相关文章
|
自然语言处理 分布式计算 Java
基于OpenSearch向量检索版和智能问答版搭建企业专属对话搜索系统
本文将介绍如何使用OpenSearch向量检索版和智能问答版,搭建灵活自定义的企业专属对话搜索系统。
2202 1
|
运维 持续交付 网络安全
|
2月前
|
人工智能 缓存 前端开发
《从0到1搭建客户画像系统:AI工具矩阵如何解决开发困局》
本文记录了为美妆零售企业搭建客户画像系统时,通过Cursor、通义灵码、豆包、DeepSeek组成的AI工具矩阵破解开发困局的全过程。项目初期面临业务需求模糊、6类异构数据源整合难、团队无同类经验的三重困境,传统开发需45天。通过为AI工具划定清晰分工—Cursor主攻前后端代码优化,通义灵码负责数据建模与标签逻辑,豆包拆解需求与合规校验,DeepSeek优化架构与性能,最终28天完成系统开发,效率提升38%。系统上线后数据准确率达99.8%,自定义标签12小时内上线,新品转化率提升25%,还沉淀了AI协作SOP与技术手册。
123 7
POI Word导入图片
POI3.17版本之后有调整,getPackageRelationship()已经过时,所以有了新的替代。
660 0
|
3月前
|
Windows
Windows无法连接到打印机,请检查打印机名并重试 - 配置Windows 共享打印机出错;
WIN7共享打印机无法被WIN11连接,出现错误代码0x0000011b或0x00000709,可能是系统版本不兼容所致。本文提供多个轻量级修复工具,无需安装,双击即用,专为解决此类小问题设计,操作简单,适合普通用户快速修复打印机连接异常。
697 0
|
2月前
|
数据采集 缓存 监控
京东商品API技术对接手册(2025版)
本接口文档涵盖基础服务能力、核心接口规范、业务场景实现及开发者注意事项。包括请求性能、数据覆盖、同步机制、认证鉴权、流量控制等内容,适用于商品信息获取、价格监控、库存预警等场景,助力开发者高效对接系统。
|
消息中间件 存储 负载均衡
🔥产品:直播送礼延迟这么大,你就不能快点吗
先赞后看,南哥助你Java进阶一大半其实抖音的实时音视频技术RTC,是来源于火山引擎RTC的支持,抖音、火山引擎、巨量引擎属于字节跳动公司旗下的不同业务板块。我是南哥,一个Java学习与进阶的领路人。相信对你通关面试、拿下Offer进入心心念念的公司有所帮助。
316 6
🔥产品:直播送礼延迟这么大,你就不能快点吗
|
计算机视觉
大连理工卢湖川团队TMI顶刊新作 | M^2SNet: 新颖多尺度模块 + 智能损失函数 = 通用图像分割SOTA网络
大连理工卢湖川团队TMI顶刊新作 | M^2SNet: 新颖多尺度模块 + 智能损失函数 = 通用图像分割SOTA网络
759 0
|
11月前
|
Python
如何将代码量迅速提升到一万行
如何将代码量迅速提升到一万行
|
存储 消息中间件 缓存
系统设计面试参考-设计Spotify系统
【10月更文挑战第4天】支持用户将自己喜欢的音乐、专辑、播放列表等分享到社交媒体平台,如 Facebook、Twitter、Instagram 等。分享内容可以包括音乐链接、封面图片、简介等信息,吸引更多的用户来使用 Spotify 系统。同时,系统可以跟踪分享的效果,如点击量、转化率等,以便评估社交分享对系统推广的贡献。
345 5