Laravel Vuejs如何在childs组件中使用Vue slick?
我需要在我的站点中使用多个滑块,我通过逐个将Vueslick导入子组件来实现,但我只想导入一个Slick库,这是我的想法:Laravel Vuejs如何在childs组件中使用Vue slick?,laravel,vue.js,components,Laravel,Vue.js,Components,我需要在我的站点中使用多个滑块,我通过逐个将Vueslick导入子组件来实现,但我只想导入一个Slick库,这是我的想法: <pre><code> <template> <div> <slider :slickOptionsSlider='slickOptionsSlider'></slider> <blogsuckhoe :slickOptionsBlogsuckhoe='slickOptionsBl
<pre><code>
<template>
<div>
<slider :slickOptionsSlider='slickOptionsSlider'></slider>
<blogsuckhoe :slickOptionsBlogsuckhoe='slickOptionsBlogsuckhoe' ></blogsuckhoe>
</div>
</template>
<script>
data() {
//import slick và child component
return {
slickOptionsSlider: {
autoplay:true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
dots:false,
arrows:false,
},
slickOptionsBlogsuckhoe: {
autoplay:true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
dots:false,
arrows:false,
},
};
}
</script>
</code></pre>
数据(){
//导入光滑vá子组件
返回{
滑动选项滑块:{
自动播放:对,
无限:是的,
幻灯片放映:3,
幻灯片滚动:1,
点:错,
箭头:错,
},
SlickOptionsBlogsuphoe:{
自动播放:对,
无限:是的,
幻灯片放映:3,
幻灯片滚动:1,
点:错,
箭头:错,
},
};
}
当然,它不起作用。你能帮助我吗?非常感谢。很抱歉我的英语不好。您可以将其注册为全球组件 app.js
Vue.component('Vue-slick',require('Vue-slick')。默认值);
然后在根元素、组件或刀片模板中的任何位置使用它
SomeComponent.Vue
some.blade.php
但我在其他网站不需要它。我正在使用Vue路由器,我可以在父组件中要求它吗?我不知道。您是否可以创建一个单独的文件(例如yoursite.js),在其中放置特定于站点的资源,然后仅在该站点上加载编译后的脚本?