vue实现轮播图片

本文实例为大家分享了vue实现轮播图片的具体代码，供大家参考，具体内容如下

1、效果图

2、案例

1. 
   
   //点击图片跳到哪里,这里跳到home页面
   item举例：{img:http://www.***.com/home/images/index_img02.png,url:/home}
   <img :src=“item.img” alt=“” @click=“skip_out_page(item.url)” />
   
   Vue 的调试会麻烦一些，要在上面的基础上额外对路径做一些映射。

因为 React 我们是直接写 jsx、tsx，它和编译之后的 js 文件一一对应，而 Vue 不是，Vue 我们写的是 SFC（single file component） 格式的文件，需要 vue-loader 来把它们分成不同的文件，所以路径单独映射一下，才能对应到源码位置。

也就是调试配置里多了个 sourceMapPathOverrides：

那怎么映射呢？

可以在源码里随便加个 debugger，在浏览器里看下现在映射的路径是啥：

文章转自：vue实现轮播图片-金楚广告联盟

作者：金楚广告联盟，转载请注明原文链接：https://www.73508.com/