scroll-view里面的image进行模糊处理(blur)，滑动后图片会无法显示？

scroll-view 里面有一个iamge的列表，对该image进行模糊处理，开始是显示的一旦滑动后再滑回来就不再显示。

代码大致如下：

<scroll-view scroll-x="true" style="width: 100%">

<view class="c-tab-container">

<block wx:for="{{tabList}}">

<view class="container-tab-title">

<view class="c-tab-title" bindtap="tabTitleClick" data-id="{{item.id1}}" data-typeName="{{item.title1}}" data-target="{{item.target1}}">

<image class="img-title" src="{{item.img1}}"></image>

<view class="tab-title">{{item.title1}}</view>

</view>

</view>

</block>

</view>

</scroll-view>

.img-title{

width: 106rpx;

height: 106rpx;

border-radius: 53rpx;

filter: blur(5rpx);

}