使用vue-preview的步骤:
2019-02-14 本文已影响0人
奔跑的三明治
vue-preview的使用步骤:
1.下载
cnpm i vue-preview;
2.在main.js中加载:
import VuePreview from'vue-preview'
Vue.use(VuePreview)
3在tamplate中引入html代码:
![](https://img.haomeiwen.com/i14799274/c9ea70d29a8e5799.png)
4.list格式:
list: [{
src: 'https://placekitten.com/600/400',
w: 600,
h: 400 }, {
src: 'https://placekitten.com/1200/900',
w: 1200,
h: 900 }]
![](https://img.haomeiwen.com/i14799274/b664f1e5e8ee16bc.png)
使用链接:https://www.npmjs.com/package/vue-preview/
效果:
![](https://img.haomeiwen.com/i14799274/3ba58a5f50a1b84a.png)