vue组件嵌套组件不显示_Vue组件，用于显示图库灯箱

vue组件嵌套组件不显示

Vue图像灯箱 (vue-image-lightbox)

A simple image lightbox component for Vuejs

Vuejs的简单图片灯箱组件

use CSS style from react-images

从react-images使用CSS样式

View demo 查看演示 Download Source 下载源

开发(NPM /纱线) (Development (NPM / Yarn))

npm run dev
yarn dev

安装 (Install)

NPM /纱线 (NPM / Yarn)

Install the package:

安装软件包：

npm install vue-image-lightbox vue-lazyload[email protected]
yarn add vue-image-lightbox vue-lazyload [email protected]

Then import it in your project At your entry point (main.js normally)

然后将其导入您的项目中，在您的入口点(通常是main.js )

import Vue from 'vue'
import VueLazyLoad from 'vue-lazyload'
import VueTouch from 'vue-touch'
...
Vue.use(VueLazyLoad)
Vue.use(VueTouch, { name: 'v-touch' })

and use the lightbox:

并使用灯箱：

import Lightbox from 'vue-image-lightbox'

export default {
  components: {
    Lightbox,
  },
}

作者 (Author)

pexea12

翻译自: https://vuejsexamples.com/a-vue-component-to-display-an-image-gallery-lightbox/

vue组件嵌套组件不显示