vue 中分别引入两个第三方组件,如果他们的名字相同怎么办?

HongHaiyang
  • 104

现在我引入两个第三方的组件库,一个是 vue-awesome-swiper,一个是 vux,

    import { swiper, swiperSlide } from 'vue-awesome-swiper'
    import { Panel,Swiper } from 'vux'

他们都有一个组件叫 swiper,我现在两个都想用,应该怎么办?一起用报错,应该是命名冲突了吧,在Java 里面实在不行还可以在类前面强制加上包名来区分,在 vue 里面这种情况应该怎么办?

回复
阅读 6.6k
2 个回答

import { Panel,Swiper as NSwiper } from 'vux'

用ES6关键字给组件名称重新定义

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏