vue - 随笔分类(第2页) - 蓦然JL

摘要：

在 vue 中我们可以使用 Vue.directive()方法注册全局指令。也可以只用 directives 选项注册局部指令。输入框防抖指令 v-debounce const debounce = { inserted: function (el, binding) { let timer; e 阅读全文

posted @ 2022-12-22 17:14 蓦然JL 阅读(162) 评论(0) 推荐(0)

uniapp富文本的使用

摘要：

<editor class="richInputContent" id="editor" @input="getEditorContent" @ready="onEditorReady" v-model="html"></editor> methods:{ //初始化富文本编辑器 onEditorR 阅读全文

posted @ 2022-12-22 16:58 蓦然JL 阅读(1791) 评论(0) 推荐(0)

uniapp自定义picker城市多级联动组件

摘要：

支持多端——h5、app、微信小程序、支付宝小程序... 支持自定义配置picker插件级数支持无限级注意事项：插件传入数据格式为children树形格式，内部包含：id、name 参数类型描述默认值必选 title string 标题 '' 否 layer number 控制几级联动阅读全文

posted @ 2022-12-22 16:53 蓦然JL 阅读(3653) 评论(0) 推荐(0)

uniapp 支持div获取、失去焦点

摘要：

遇到的问题场景：点击按钮出现自己写的弹窗，点击其他空白处消失弹窗思路：点击按钮的时候获取出现弹窗的focus事件，让它聚焦；点击其他地方相当于这个弹窗失去焦点使用blur事件；同时我们需要给弹窗加一个tabindex="-1" 属性，否者blur事件不生效。第一步：为元素绑定ref，添加t 阅读全文

posted @ 2022-09-07 08:41 蓦然JL 阅读(3496) 评论(0) 推荐(0)

uniapp 隐藏、获取键盘，及调整键盘按键

摘要：

一、uni.hideKeyboard() 隐藏软键盘隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。平台差异说明 App H5 微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序 QQ小程序快手小程序京东小程序 √ √ √ √ x √ √ √ √ 二、uni.onKey 阅读全文

posted @ 2022-09-01 08:53 蓦然JL 阅读(15991) 评论(0) 推荐(0)

uniapp 获取当前的地理位置

摘要：

一、uni.getLocation(OBJECT) 获取当前的地理位置、速度。 OBJECT 参数说明参数名类型必填说明平台差异说明 type String 否默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标，可用于 uni.openLocation 和 map 组件坐阅读全文

posted @ 2022-09-01 08:53 蓦然JL 阅读(11889) 评论(0) 推荐(0)

uniapp 获取手机联系人

摘要：

uni.addPhoneContact(OBJECT) 调用后，用户可以选择将该表单以“新增联系人”或“添加到已有联系人”的方式（APP端目前没有选择步骤，将直接写入），写入手机系统通讯录，完成手机通讯录联系人和联系方式的增加。 App平台提供了更多通讯录相关API，包括读取联系人，详见：https 阅读全文

posted @ 2022-09-01 08:52 蓦然JL 阅读(1862) 评论(0) 推荐(0)

uniapp 监听用户主动截屏事件

摘要：

一、uni.onUserCaptureScreen(CALLBACK) 监听用户主动截屏事件，用户使用系统截屏按键截屏时触发此事件。平台差异说明 App H5 微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序 QQ小程序快手小程序京东小程序 x x √ √ √ √ √ √ √ 阅读全文

posted @ 2022-09-01 08:52 蓦然JL 阅读(2330) 评论(0) 推荐(0)

uniapp 获取图片信息及图片保存、压缩

摘要：

一、uni.getImageInfo(OBJECT) 获取图片信息。小程序下获取网络图片信息需先配置download域名白名单才能生效。 OBJECT 参数说明参数名类型必填说明 src String 是图片的路径，可以是相对路径，临时文件路径，存储文件路径，网络图片路径 success 阅读全文

posted @ 2022-08-17 14:46 蓦然JL 阅读(7128) 评论(0) 推荐(0)

uniapp 从本地相册选择图片或使用相机拍照及预览图片

摘要：

一、uni.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。 App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考plus.camera(opens new window) OBJECT 参数说明参数名类型必填说明平台差异说明 count Numbe 阅读全文

posted @ 2022-08-17 14:43 蓦然JL 阅读(8525) 评论(0) 推荐(0)

uniapp 分享设置与调用

摘要：

在不同平台，分享的调用方式和逻辑有较大差异。 App：可以自主控制分享内容、分享形式及分享平台使用 uni.share API方式调用社交sdk分享使用plus.share.sendWithSystem (opens new window)呼起手机os的系统分享菜单小程序：不支持API调用，只阅读全文

posted @ 2022-08-17 14:31 蓦然JL 阅读(7483) 评论(0) 推荐(0)

uniapp 获取系统信息

摘要：

uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。系统信息返回的内容非常多，各操作系统、各家小程序、各浏览器对它们的定义也不相同。uni-app里重新梳理了这些概念，同时为了向下兼容也保留了这些平台原来的概念阅读全文

posted @ 2022-08-17 14:15 蓦然JL 阅读(1664) 评论(0) 推荐(0)

uniapp 获取窗口信息

摘要：

uni.getWindowInfo() 获取窗口信息返回参数说明参数名类型说明平台差异说明 pixelRatio number 设备像素比 screenWidth number 屏幕宽度 screenHeight number 屏幕高度 windowWidth number 可使用窗口宽度阅读全文

posted @ 2022-08-17 14:01 蓦然JL 阅读(1059) 评论(0) 推荐(0)

uniapp 窗口动画（仅APP支持，小程序不支持）

摘要：

本API仅App支持。小程序自身不支持自定义动画。H5的窗体动画可使用常规单页动画处理方案，见H5下单页动画示例(opens new window) 窗口的显示/关闭动画效果，支持在 API、组件、pages.json 中配置，优先级为：API = 组件 > pages.json。一、API 有效阅读全文

posted @ 2022-08-17 12:00 蓦然JL 阅读(2059) 评论(0) 推荐(0)

uniapp 在当前页面显示/隐藏导航条加载动画

摘要：

一、uni.showNavigationBarLoading(OBJECT) 在当前页面显示导航条加载动画。 App平台调用此API时会在屏幕中间悬浮显示loading OBJECT参数说明参数类型必填说明 success Function 否接口调用成功的回调函数 fail Functi 阅读全文

posted @ 2022-08-17 11:48 蓦然JL 阅读(1835) 评论(0) 推荐(0)

uniapp 动态设置当前页面的标题

摘要：

uni.setNavigationBarTitle(OBJECT) 动态设置当前页面的标题。 OBJECT参数说明参数类型必填说明 title String 是页面标题 success Function 否接口调用成功的回调函数 fail Function 否接口调用失败的回调函数 c 阅读全文

posted @ 2022-08-17 11:39 蓦然JL 阅读(1773) 评论(0) 推荐(0)

uniapp 下拉刷新

摘要：

下拉刷新一、全局设置在pages.json文件的globalStyle对象中开启enablePullDownRefresh属性二、单页面在pages.json文件中的pages数组中找到对应的页面，在对应页面的style属性中开启enablePullDownRefresh属性下拉刷新设置为tr 阅读全文

posted @ 2022-08-10 16:13 蓦然JL 阅读(3520) 评论(0) 推荐(0)

uniapp 动态改变胶囊颜色

摘要：