vue项目中使用bimface


因为引入的js的变量和函数都会挂载到window这个对象下面,所以可以使用window.[函数名称]来使用这个函数。

在index.html中引入js

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>***********</title>
</head>
<body>
    <script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>

</html>

使用window调用函数

		******
        mounted() {
            var that=this
            var options = new window.BimfaceSDKLoaderConfig();
            options.viewToken = that.viewToken;
            window.BimfaceSDKLoader.load( options, that.successCallback,that.failureCallback);
        },
        ******
Bimface 是一种基于云计算的三维建模解决方案,而 Vue 是一个流行的 JavaScript 框架。这两者结合使用可以实现离线打包部署。 首先,我们需要创建一个 Vue 项目,在命令行中运行`vue create project-name`来创建一个新的项目。然后,在项目的根目录下创建一个`static`文件夹,用于存放 Bimface 的相关文件。 接下来,我们需要在 Vue 项目中安装 Bimface 的相关插件。可以使用命令`npm install bimface`来安装 Bimface 的 JavaScript 插件。安装完成后,可以在 Vue 的组件中引入 Bimface 插件,以便在页面中使用。 在打包部署之前,我们需要将 Bimface 的相关文件放到 `static` 文件夹中,包括 Bimface JavaScript 插件文件和 Bimface 所需要的资源文件。可以通过下载 Bimface 插件的压缩包,然后解压并将文件放到对应的文件夹中。 然后,在 Vue 项目的配置文件`vue.config.js`中,可以使用`baseUrl`选项指定 Bimface 相关文件的路径。例如:`baseUrl: '/static/'`。 最后,在命令行中运行`npm run build`来打包 Vue 项目。打包完成后,在生成的`dist`文件夹中会包含所有的项目文件。 现在,我们可以将 dist 文件夹中的所有文件部署到服务器上,即可实现 Bimface Vue 离线打包部署。用户在访问网站时会从服务器获取到离线打包的应用程序,可以在浏览器中正常运行 Bimface 的三维建模功能。 总结起来,Bimface Vue 离线打包部署的步骤包括创建 Vue 项目、安装 Bimface 插件、放置 Bimface 相关文件、配置项目路径、打包项目和部署应用。通过这种方式,我们可以将 Bimface 的功能与 Vue 的优势结合起来,实现离线的三维建模应用部署。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值