<text>{{animations}}</text>
<view class="protocol" :animation="animations.highlightProtocolAnimationData"/>
</template>
<script setup>
import {
ref,
reactive
} from "vue";
const animations = reactive({
highlightProtocolAnimationData: null
})
function highlightProtocol() {
const animation = uni.createAnimation()
animation.translateX(20).step({
duration: 100
}).translateX(-20).step({
duration: 100
}).translateX(20).step({
duration: 100
}).translateX(-20).step({
duration: 100
}).translateX(20).step({
duration: 100
}).translateX(0).step({
duration: 100
})
animations.highlightProtocolAnimationData = animation.export()
setTimeout(() => {
animations.highlightProtocolAnimationData = {}
}, 600)
}
</script> ``` 
9***@qq.com
- 发布：2022-06-16 15:32
- 更新：2022-06-17 14:04
- 阅读：342
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 11
HBuilderX类型： Alpha
HBuilderX版本号： 3.4.17
第三方开发者工具版本号： 1.06.2206090
基础库版本号： 2.24.5
项目创建方式： HBuilderX
示例代码：
操作步骤：
页面启动即报错
页面启动即报错
预期结果：
不会报错和警告
不会报错和警告
实际结果：
报错和警告
报错和警告
bug描述：
更新3.4.17.20220614-alpha版本后 使用
<script setup>语法糖
小程序会报警告
[Vue warn]: Property "animations" was accessed during render but is not defined on instance.
at <Index from="/pages/index/index" >和报错
TypeError: Cannot read property 'highlightProtocolAnimationData' of undefined
2 个回复
DCloud_UNI_FXY
临时解决方案：
let animations = ...
https://github.com/dcloudio/uni-app/issues/3606
codeZ - CODES
我直接恢复到上一个版本~