1.第一步:添加新的资源前缀
右键资源文件夹qml.qrc,选择使用“资源编辑器”打开,如下图所示:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c08c41025aa20276a8316ab5490ec2eb.png)
2.第二步:添加 .js 文件
打开后在右侧出现编辑界面,新添加一个前缀 script (可随意命名),此前缀类似于一个文件夹,后续可以将所有的 JS 文件都加入到这个前缀文件夹中,选择添加文件,将自己创建的 .js 文件加入进来即可,如下图所示:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9c01c8c3a3f64f59a72afa09b6b76bd1.png)
3.第三步:使用 .js 文件内部函数
经过第一第二步之后,左侧项目树中会出现如下目录:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cf7e58459b92da65bda1a6759e939948.png)
在 .qml 文件中使用时需要 import 文件,也可以使用 as 语法为其起一个别名:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/56a71b056edc0be38ed77d3d0276a617.png)
使用时通过 TestJS 即可调用里面的函数: