BradyCC的博客

文件上传以后，当前需要在线预览，下载也是必不可少，这里记录一下uni-app 文件下载的方式，使用 uni-app 内置方法 uni.downloadFile 配合 uni.saveFile 和 uni.openDocument 实现。具体使用用法如下：/** * 下载文件 * @param url 文件地址 */public downloadFile(url: string): void { uni.downloadFile({ url, success: (res) .

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

在线查看PDF文件，已经是很常见的需求了，也有很多种方法可以时间，此次的需求是在微信小程序里打开、查看PDF文件，这次使用的 web-view 组件。具体使用用法如下：<template> <view id="web-info"> <web-view :src="src" v-if="iOS"></web-view> </view></template><script lang="ts">im.

uni-app 提供了很多图片处理的Api，比如 uni.chooseImage()方法，但基本都是本地、拍照上传，本地临时、持久存储，要想跟服务器交互，就需要使用上传Api uni.uploadFile()。需求是想将图片转为base64格式后上传服务器，经多方查找，找到了微信提供的Api方法 wx.getFileSystemManager()。wx.getFileSystemManagerwx.FileSystemManager.readFile() 方法可以提供的本地文件路径、读取本地文件内.

为支持跨平台，框架建议使用Flex布局layout.vue<template> <view class="layout"> <view class="container"> <view class="left"> <view class="green"> <text>A</tex...

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

事件条件渲染与列表渲染events.vue<template> <view> <!-- @longtap="longTapEvent" 官方已不推荐使用 --> <input type="text" :value="value" class="input-style" @input="inputEvent" @foc...

应用生命周期页面生命周期路由跳转App.vue<script> export default { onLaunch: function() { console.log('初始化完成时触发(全局只触发一次)') }, onShow: function() { console.log('uni-app 启动，或从后台进入前台显示') }, ...

uni-app 小程序项目无法直接获取到地理位置，只能通过获取到的经纬度，调用第三方地图Api获取。选择第三方地图Api，因为是做小程序，这里选择腾讯地图注册、登陆后，在控制台 - key管理中创建秘钥 引入腾讯地图Api授权调用已经封装好的方法，获取经纬度解析出地理位置信息如果用户未授权，默认会执行fail回调，所以添加提示框进行重新授权确认/** * @Author: l...

uni-app 小程序项目无法之前获取到敏感信息，只能通过调用微信官方提供的数据解析接口获取。登陆微信公众平台，获取绑定的AppID(小程序ID)和AppSecret(小程序密钥)调用 uni.login 获取 js_code 用于解析调用方法获取 openid/** * @Author: licheng * @Date: 2019/12/20 3:28 下午 * @Desc...

在做uni-app 小程序项目时，封装好的列表组件中如果套用slot插槽操作数据，会出现无法正常渲染的问题，官方也给出了说明，暂时不支持slot，所有如果打包上线时遇到问题，建议封装成单组件使用，而非公共组件。例如：使用 uni-ui 封装的列表组件，当使用slot并将数据传入子组件时，数据渲染存在问题。列表父组件<template> <!-- 公共列表Li...

项目初始化启动后，会多出一个 unpackage文件夹，这里边放置的是运行后的编译文件，可查看uni-app 支持 vue 大部分语法，所以有 vue 项目经验可以直接上手开发...

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

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。准备工作：一、 下载开发工具HBuilderX微信开发者工具二、 配置开发者工具在HBuilderX中配置微信开发者工具...