1.0.10 • Published 6 years ago
vue-images-toastes v1.0.10
vue-images-toastes
A Vue.js vue-images-toastes Plugin
Install
npm install vue-images-toastes -S
how to use
// main.js
import vueImagesToastes from 'vue-images-toastes'
Vue.use(vueImagesToastes)
// 使用页面
<img :src="src" alt="img" @click="showImage(src)"/>
<vue-images-toastes :imgUrl="imgUrl" :imgShowFlag="imgShowFlag" @hideImage="hideImage"></vue-images-toastes>
data() {
return {
// 可传参数
imgShowFlag: false, // 是否弹框显示,true: 显示;false: 不显示
imgUrl: '', // 图片 src
}
}
methods: {
showImage(src) {
var that = this
that.imgShowFlag = true;
that.imgUrl = src;
},
hideImage(val) {
var that = this
that.imgShowFlag = val
}
},