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

相关文章
|
8月前
|
JavaScript 前端开发
vuejs及相关工具介绍
vuejs及相关工具介绍
34 0
|
JSON 前端开发 JavaScript
AVUE:前端搬砖神器,一套基于vue+elementUI的框架
AVUE:前端搬砖神器,一套基于vue+elementUI的框架
1466 0
AVUE:前端搬砖神器,一套基于vue+elementUI的框架
|
2月前
|
JavaScript 开发者 UED
Vue入门到关门之第三方框架elementui
ElementUI是一个基于Vue.js的组件库,包含丰富的UI组件如按钮、表格,强调易用性、响应式设计和可自定义主题。适用于快速构建现代化Web应用。官网:[Element.eleme.cn](https://element.eleme.cn/#/zh-CN)。安装使用时,需在项目中导入ElementUI和其样式文件。
24 0
|
12天前
|
JavaScript
文本,wangEditor5的基本使用,开发文档地址,wangEditor5用于Vue3项目,想要使用好wangEditor项目,得看开发文档
文本,wangEditor5的基本使用,开发文档地址,wangEditor5用于Vue3项目,想要使用好wangEditor项目,得看开发文档
|
2月前
|
JavaScript
Vue 学习记录,从难受到真香
Vue 学习记录,从难受到真香
24 2
|
11月前
|
前端开发
前端学习笔记202305学习笔记第二十三天-vue3.0-项目创建
前端学习笔记202305学习笔记第二十三天-vue3.0-项目创建
33 0
|
2月前
|
存储 缓存 JavaScript
Vuejs补充版
Vuejs补充版
134 0
|
9月前
|
JSON JavaScript 前端开发
[笔记]vue从入门到入坟《四》HBuilderX Vue开发
[笔记]vue从入门到入坟《四》HBuilderX Vue开发
|
9月前
|
小程序 JavaScript 安全
[笔记]vue从入门到入坟《六》Hbuilder/Vue-cli 开发uniapp的微信小程序
[笔记]vue从入门到入坟《六》Hbuilder/Vue-cli 开发uniapp的微信小程序
120 0
|
11月前
|
JavaScript 前端开发 小程序
Vue 富文本编辑器tinymce的安装教程(前端必备小知识)
Vue 富文本编辑器tinymce的安装教程(前端必备小知识)
281 1