美文网首页
使用vue-preview的步骤:

使用vue-preview的步骤:

作者: 奔跑的三明治 | 来源:发表于2019-02-14 13:27 被阅读0次

vue-preview的使用步骤:

    1.下载  

cnpm i vue-preview;

    2.在main.js中加载:

        import VuePreview from'vue-preview'

        Vue.use(VuePreview) 

3在tamplate中引入html代码:

4.list格式:

list: [{

                    src: 'https://placekitten.com/600/400',

                    w: 600,

                    h: 400                    }, {

                    src: 'https://placekitten.com/1200/900',

                    w: 1200,

                    h: 900                    }]

使用链接:https://www.npmjs.com/package/vue-preview/

效果:

相关文章

网友评论

      本文标题:使用vue-preview的步骤:

      本文链接:https://www.haomeiwen.com/subject/haceeqtx.html