Vue.js 中的 Rive 动画 - 使用资产中的 .riv 文件

分享于2022年07月17日 rive vue.js vuejs2 问答
【问题标题】:Vue.js 中的 Rive 动画 - 使用资产中的 .riv 文件(Rive animation in Vue.js - Use .riv file from assets)
【发布时间】:2022-06-11 03:41:34
【问题描述】:

我跟着 official documentation 在Vue.js中实现了一个Rive动画:




这种方式效果很好。当我尝试用 assets 文件夹中 .riv 文件的路径替换 src 参数时,动画不会显示。我已经试过了:

src: "../assets/test.riv",
src: "assets/test.riv",
src: "@/assets/test.riv",
src: require("../assets/test.riv"),
src: require("assets/test.riv"),
src: require("@/assets/test.riv"),


【解决方案1】:

您的第一次尝试实际上看起来是正确的 ?

Rive animation in Vue.js - Use .riv file from assets