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二次开发的内容,因为项目要用~~

相关文章
|
4月前
|
JavaScript 前端开发 索引
Vuejs基础版III
Vuejs基础版III
|
4月前
|
缓存 JavaScript
Vuejs基础版II
Vuejs基础版II
|
10月前
|
JavaScript 前端开发
vuejs及相关工具介绍
vuejs及相关工具介绍
41 0
|
JSON 前端开发 JavaScript
AVUE:前端搬砖神器,一套基于vue+elementUI的框架
AVUE:前端搬砖神器,一套基于vue+elementUI的框架
1637 0
AVUE:前端搬砖神器,一套基于vue+elementUI的框架
|
4月前
|
JavaScript 前端开发 测试技术
Vuejs基础版V
Vuejs基础版V
|
4月前
|
JavaScript
Vue 学习记录,从难受到真香
Vue 学习记录,从难受到真香
30 2
|
4月前
|
存储 缓存 JavaScript
Vuejs补充版
Vuejs补充版
144 0
|
4月前
|
存储 JavaScript 前端开发
Vuejs基础版I
Vuejs基础版I
|
11月前
|
JSON JavaScript 前端开发
[笔记]vue从入门到入坟《四》HBuilderX Vue开发
[笔记]vue从入门到入坟《四》HBuilderX Vue开发
120 0
|
JavaScript 前端开发 小程序
Vue 富文本编辑器tinymce的安装教程(前端必备小知识)
Vue 富文本编辑器tinymce的安装教程(前端必备小知识)
320 1