怎么用vue.js结合apicloud的api.imageCache实现图片缓存

Madision

怎么用vue.js结合apicloud的api.imageCache实现图片缓存，求demo







解决方案如下

//统一处理图片
Vue.directive('cacheSrc', function(el, binding) {
            setTimeout(function() {
                api.imageCache({
                    url: binding.value,
                    thumbnail: false
                }, function (ret, err) {
                   if (ret && ret.status) {
                          el.setAttribute("src", ret.url);
                   }
                });

            });
});

html:
   <img src="../../image/default.jpg" v-cache-src="真实图片">

nvwong

没使用vue.js，imageCache完全可以单独用

Madision

nvwong 发表于 2017-1-5 15:18
没使用vue.js，imageCache完全可以单独用

我要使用vue加imageChache写法

zhaomengqiao

Madision 发表于 2017-1-5 15:23
我要使用vue加imageChache写法

哥们 有办法了吗？同问

惜仔

Madision 发表于 2017-1-5 15:23
我要使用vue加imageChache写法

反正我目前只有这种方法，刚学vue，有个图片缓存的方法，在要缓存的图片里加个img的类名，一个srcs属性写图片真实地址，调用图片缓存方法就ok了。

Madision

zhaomengqiao 发表于 2017-4-12 19:34
哥们 有办法了吗？同问

//统一处理图片
        Vue.directive('cacheSrc', function(el, binding) {
            setTimeout(function() {
                api.imageCache
            });
        });

html:
   <img src="../../image/default.jpg" v-cache-src="真实图片">

Madision

惜仔 发表于 2017-4-12 19:56
反正我目前只有这种方法，刚学vue，有个图片缓存的方法，在要缓存的图片里加个img的类名，一个srcs属性写 ...

//统一处理图片
        Vue.directive('cacheSrc', function(el, binding) {
            setTimeout(function() {
                api.imageCache
            });
        });

html:
   <img src="../../image/default.jpg" v-cache-src="真实图片">

我是这样做的

zhaomengqiao

Madision 发表于 2017-4-21 15:38
//统一处理图片
        Vue.directive('cacheSrc', function(el, binding) {
            setTimeout(f ...

您好，等于又使用了，vue本身的突破缓存又用了apicloud的api.imageCache？
之前我是在v-for循环之前想给每个图片地址缓存api.imageCache，但是发现return不回去。

Madision

zhaomengqiao 发表于 2017-4-21 17:03
您好，等于又使用了，vue本身的突破缓存又用了apicloud的api.imageCache？
之前我是在v-for循环之前想给 ...

请自己试试，只是为了替换使用缓存本地图片

惜仔

Madision 发表于 2017-4-21 15:39
//统一处理图片
        Vue.directive('cacheSrc', function(el, binding) {
            setTimeout(f ...

还能再详细点吗，如果用我的那种方法也是要延迟个100毫秒才能缓存到