2
私はvue-loaderを使用していますが、コンポーネントで使用するためにapp.jsのディレクティブを作成していますが、コンポーネント内のそのディレクティブを使用します。Vue Js:vue-loaderのコンポーネントでディレクティブを使用
私はこのメッセージを受信しています:
vue.common.js?e881:1014 [Vue warn]: Failed to resolve directive: swiper (found in component: <testimonial-comp>)
app.js
App.vue
<template lang="jade">
testimonial-comp
</template>
<script>
import TestimonialComp from './components/Testimonial.vue'
export default {
components: {
TestimonialComp
}
}
</script>
<style lang="stylus" scoped>
</style>
Testimonial.vueを
<template lang="jade">
article#testimonial
.swiper-container(v-swiper)
.swiper-wrapper
.swiper-slide Slide 1
.swiper-slide Slide 2
.swiper-slide Slide 3
.swiper-pagination
.swiper-button-prev
.swiper-button-next
.swiper-scrollbar
</template>
<script>
import Swiper from 'Swiper/dist/js/swiper.min.js'
</script>
<style lang="stylus">
</style>
私があなたを助けてくれることを願っています。
これについて進歩しましたか? – gurghet
@gurghetはい、私はVue.directive( 'swiper'、{ bind:function(){..........)を使用してコンポーネントに直接ディレクティブを作成し、そのコンポーネントをコンポーネントにインポートしました。 – SoldierCorp