viewer.js过滤图片(使用filter属性)
安装viewerjs
npm install viewerjs
<template>
<div id="dxImg">
<div v-for="(item,index) of imgArr"><img :src="item" :onerror="defaultImg()"></div>
</div>
</template>
<script>
import Viewer from 'viewerjs';
import icNoImg from '@/assets/images/ic_noImg.png'
export default {
name: 'ViewerImg',
data() {
return {
viewer: null
imgArr: [
'http://www.redrcd.com/images/big1.png',
'http://www.redrcd.com/images/big2.png',
'http://www.redrcd.com/images/big6.png'
]
}
},
mounted() {
this.viewer = new Viewer(document.getElementById('dxImg'), {
zIndex: 9999,
filter: function(image) {
let temp