vue3中瀑布流插件 vue-masonry 的使用

1.安装

npm install vue-masonry --save

2.在main.js中配置

import { createApp } from 'vue'

import App from './App.vue'

import { VueMasonryPlugin } from 'vue-masonry';

import mitt from 'mitt'

const emitter = mitt()

let app = createApp(App)

app.config.globalProperties.emitter = emitter

app.use(VueMasonryPlugin)

app.mount('#app')

3.就可以使用啦

 <div v-masonry transition-duration="0.3s" i tem-selector=".item">

      <div v-masonry-tile class="item" v-for="(item, index) in getList">

        <!-- 你要渲染的图片啦，文字一类的代码块 -->

        <img :src="item.image.small" alt="" />

      </div>

    </div>