vue3-lazy 的使用

• Z时代
• 2024-01-10
• 分类：综合

#### Install

npm install vue3-lazy -S

#### 引入 main.js

demo: 

import { createApp } from 'vue'

import App from './app'

import lazyPlugin from 'vue3-lazy'

const app = createApp(App)

app.use(lazyPlugin, {

  loading: 'loading.png',

  error: 'error.png'

})

app.mount('#app')

实例：

createApp(App).use(store).use(router).use(lazyPlugin, {

  loading: require('@/assets/images/default.png')

})

#### 使用

<ul>

  <li v-for="img in list">

    <img v-lazy="img.src" >

  </li>

</ul>

以上是 vue3-lazy 的使用 的全部内容， 来源链接： utcz.com/z/380251.html