循环渲染，如何给渲染的view加入同一个动画，而不互相影响？

<block wx:for=“{{meal[curId]}}” wx:for-index=“idx” wx:key=“item.price”>

    <view class=“yuan” animation=“{{animationYuan+idx}}”  bindtap=“aaa” data-index=“{{idx}}”></view>

</block>

本意是想根据idx索引建立多个动画，然后触发其中一个view的动画而不影响别的view，但结果是动画js代码执行完毕，而wxml的元素的动画没有反应。这是为何，请问有什么好的办法来实现吗？