藁城网站建设哪家好,空间网站认证,学设计的培训机构,怎么做祝福的网站写在前面 本文只针对使用vue技术栈#xff0c;进行讨论。 正文
使用vue技术栈开发#xff0c;难免会使用第三库#xff0c;这大大提高了我们开发的效率。然而#xff0c;这是第三方库有bug怎么办#xff1f;
既然有bug#xff0c;就是现有功能没有达到预想效果。除了进行讨论。 正文
使用vue技术栈开发难免会使用第三库这大大提高了我们开发的效率。然而这是第三方库有bug怎么办
既然有bug就是现有功能没有达到预想效果。除了等作者更新之外有没有其他方法解决 作为有作为的青年当然不能坐以待毙咯。
第一步
阅读第三方库源码怎么阅读这里就不要展开。 阅读源码找不问题所在。
第二部
找到了问题所在怎么解决给作者提bug
恩~ 这个想法不错。但是我们其他办法解决。
既然代码存在bug我们可以重写有bug的代码。
没有错就是重写代码。vue在提供了extends和mixins提供重写代码的方式。关于extends和mixins可以阅读之前的一篇文章vue mixins和extends的妙用。
举个例子使用mint-ui Swipe组件过程中发现存在的bug
import {Swipe
} from mint-ui
export default {components: {imageSwipe: {extends: Swipe,watch: {defaultIndex (val) {this.reInitPages()}}}}}上面代码的做法就是定义一个imageSwipe继承mint-ui的Swipe组件加一个watcher。
这时候使用imageSwipe时props、event和slots与mint-ui的Swipe组件是一样的。
image-swipe/image-swipe有上面重写组件的思路基本上可以开拓了一片新大陆说的有点夸张 哈哈哈~ 写在后面
假设组件中嵌套为暴露出来的组件这时没有办法从组件引入可以在原有组件的基础上重写、继承之后开发出新的功能不一定修复存在的bug。
import {Table
} from element-uiexport default {extends: Table.components.TableHeader
}以上是重写Table中的tableHeader组件tableHeader组件无法从element-ui中获取通过Table.components.TableHeader去获取。 本文提供一种解决在引用第三库存在bug的解决方案仅供参考。如果不对请指正
