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

HongHaiyang
  • 104

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

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

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

回复
阅读 7.2k
2 个回答

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

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

宣传栏