How to use image's listener filter

[navcat]

Vue.use(vueLazy, {
    filter: {
      progressive (listener, options) {
          const isCDN = /qiniudn.com/
          if (isCDN.test(listener.src)) {
              listener.el.setAttribute('lazy-progressive', 'true')
              listener.loading = listener.src + '?imageView2/1/w/10/h/10'
          }
      },
      webp (listener, options) {
          if (!options.supportWebp) return
          const isCDN = /qiniudn.com/
          if (isCDN.test(listener.src)) {
              listener.src += '?imageView2/2/format/webp'
          }
      }
    }
})

how to use progressive in vue components?

[benmo1602]

filter: { webp (listener, options) { if (!options.supportWebp) return const isCDN = /http://zhaolin/ if (isCDN.test(listener.src)) { listener.src = listener.src.replace(/http:/,'https:') } } }, 在ios 设备上 无效 不能 成功替换src @navcat @hilongjw

[hilongjw]

@navcat you should remove if (!options.supportWebp) return

[jlcool]

@caokunyu @hilongjw ios 问题还没解决吗

[ldydxmj]

filter: { webp (listener, options) { if (!options.supportWebp) return const isCDN = /http://zhaolin/ if (isCDN.test(listener.src)) { listener.src = listener.src.replace(/http:/,'https:') } } }, 在ios 设备上 无效 不能 成功替换src @navcat @hilongjw

@hilongjw @mping ios上safari还是不行