模型文件要放在 static 或者 public 下，否则无法正常引入，引入的模型需要调整颜色，否则显示会有问题<template><div id="import-template"></div></template><script>import * as THREE from 'three'impor...

vue-baidu-map，是Vue的百度地图组件库。vue-baidu-map官方文档百度地图JavascriptAPI文档使用方法：安装NPM - npm install vue-baidu-map --saveCDN - <script src="https://unpkg.com/vue-baidu-map"></script>全局注册、使...

项目需求：在线查看PDF文档，同时还需要记录查看时长。 如果只是单纯查看，可以使用 window.location.href 方法更新浏览器地址栏即可查看。但这样 Vue 就无法实现监听了。之前在项目中使用过 vue-pdf 组件，用于查看PDF文档，但因此组件前端无法解决跨域问题，此方法又被舍弃了。最终选择了使用标签的形式，可以实现与第一种方法相同的效果，又能满足项目需求，在组件内实现监听。具体

Vue3 中 使用 defineAsyncComponent 定义异步组件，配置选项 component 替换为 loader ，用法如下：<template><!-- 异步组件的使用 --><AsyncPage /></tempate><script>import { defineAsyncComponent } from "vue";

项目需求：使用Tabs标签页显示对应菜单项内容，同时实现数据缓存便于操作，关闭Tabs标签页时重置组件清空缓存。这里使用 Vue keep-alive 动态缓存的方式实现。同时配合 vuex 实现Tabs标签页的全局配置 - 多标签页、单标签页、关闭。具体实现方式如下：<template><!-- 公共多Tab缓存组件 --><div id="common-tabs-

Vue3 中废除了 functional 特性声明，具体使用方法如下：<template><!-- 函数式组件的使用 --><Functional level="3">这是一个动态的h元素</Functional></template><script>export default {components: {Functiona

项目需求：可以本地上传头像，也可以选择拍摄头像上传。组件：Camera组件：实现 打开、关闭摄像头、绘制、显示图片、用于上传CameraDialog组件：使用ElementUI dialog组件 展示摄像头UI效果外部调用CameraDialog组件，实现拍摄头像上传功能本地上传可使用原生input、也可使用ElementUI upload组件操作逻辑：新增时将头像图片转为...

uni-app 内置了文件上传的方法，但并不适用于阿里云对象存储方式，实践了很多种方式，最终还是选择了 web-view 配合 H5 实现文件上传。具体使用用法如下：必须 将 H5 页面放置在 src/hybrid/html 文件夹中配置 web-view，使用@message 接收 web-view 传参<template><view id="project-upload-fi

条件编译 、跨端兼容（H5、App、微信、支付宝、百度、头条、QQ小程序）platform.vue<template><view><!-- #ifdef H5 --><view class="view-style"><text>仅在H5编译</text></view>...

目录结构解析一、uni-app 项目初始化完成后，目录结构如下：pages - 主组件目录static - 静态资源目录App.vue - 页面入口文件main.js - 入口文件manifest.json -应用配置文件，用于指定应用的名称、图标、权限等pages.json - 全局配置文件，包括页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等uni.s...