1.0.0 • Published 4 years ago
vue-imgview-big v1.0.0
vue-imgview
An ui project base on Vue.js
Build Setup
使用示例
<div>
<ul>
<li v-for="(imgview,index) in img" :key="index">
<img :src="imgview.src" alt @click="showModel(index)" />
</li>
</ul>
</div>
数据源
img: [
{ src: "../static/imgmoudel/1.jpg", name: "我是1号美女" },
{ src: "../static/imgmoudel/2.jpg", name: "我是2号美女" },
{ src: "../static/imgmoudel/3.jpg", name: "我是3号美女" },
{ src: "../static/imgmoudel/4.jpg", name: "我是4号美女" }
]
向外暴露的方法点击打开预览的图片
showModel(index) {
this.$children[0].showImg(index);
}
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
For detailed explanation on how things work, consult the docs for vue-loader.
1.0.0
4 years ago