关于快应用动画遇到的坑

stylered

自定义组件其中包含

class="open">

这个open是包含@keyframes动画的class 页面ux中 export default { private: { test: false } } 修改this.test的值，毫无关联的open动画会被执行

stylered

快应用的数据绑定是不是有问题，{{xxx.xxx}} 在script中修改了，template中没反应，有碰到这个问题的吗 还有之前问的 ，页面中执行了某个包含@keyframes动画的class，这个页面所有包含@keyframes动画的class都会被执行一次，有没有解决方案

快应用布道者

没看懂class是怎么动态执行的？

stylered

快应用布道者 发表于 2018-10-12 09:09 没看懂class是怎么动态执行的？

就是JS切换两个包含动画的class，现在问题不在这里了，是只要页面某个控件存在包含动画的class，script中改变任意一个属性，页面中所有包含动画的class，都会执行一次

stylered

快应用布道者 发表于 2018-10-12 09:09 没看懂class是怎么动态执行的？

比如说， 自定义组件 这个open是包含@keyframes动画的class export default { private: { test: false } } open已经执行过一次动画了，如果我再改变this.test这个属性，open动画又会被执行一次，很坑爹 还有看了之前一个帖子说的{{xxx.xxx}}这种形式的数据绑定，在有些地方没有效果，这最基础的数据绑定也兼容得太不好了

快应用布道者

动画重复执行 看下设置一个动画的css属性是否管用 我记得是animation-fill-mode，数据绑定那个 记得最开始那个对象里面要有这个key就行

stylered

快应用布道者 发表于 2018-10-12 13:43 动画重复执行 看下设置一个动画的css属性是否管用 我记得是animation-fill-mode，数据绑定那个 记得最开 ...

动画的问题 animation-fill-mode: forwards;是有设置的，应该跟这个没关系，不知道问题出在哪里 数据绑定这一块，听您这么解释，有一点理解了 为什么{{xxx.xxx}}这一块会失效，确实是因为赋值时对象中没有这个key，这个和其他MVVM框架有些不同，其他框架是能够实时对新插入的key进行数据绑定，不知道这一块后续会不会修改