随笔分类 - uni-app
摘要：template代码： <template> <view> <scroll-view scroll-y="true" @scrolltolower="handleReachBottom" style="height: 100vh;"> 内容部份 </scroll-view> </view> </te
阅读全文
摘要：横排图标 样式如下： 代码如下： <x-block> <uni-section title="标题" sub-title="这是副标题"> <uni-grid class="px-2 py-3" :column="4" :showBorder="false" square highlight @ch
阅读全文
摘要：公用模块可以被普通云函数、云对象调用。它存放在cloudfunctions/comon文件夹内。 一、创建公用模块 打开项目，右击cloudfunctions/comon文件夹，选择“新建公用模块” 创建好的公共模块包含二个文件： index.js //公共模块文件 package.json //配
阅读全文
摘要：云对象是普通云函数的升级版，功能和云函数是一样的。它在大多数场景下替代了普通云函数。 云对象是对象化的云函数，比如一个文章云对象，它可以包括文章的创建，文章的删除，文章的编辑等功能。 （一句话描述云对象： 等同于PHP后端部份） 一、创建云对象 打开项目，找到uniCloud / cloudfunc
阅读全文
摘要：云函数是存储在服务器端（云端）的可执行程序（采用JS编程），它可以在前端调用执行。比如在APP、WEB内或者给其它应用通过URL方式调用。 通常将敏感的部份放在云函数内，比如一段加密逻辑、比如某个核心的算法，比如处理数据库的操作。 一、创建普通云函数： 打开项目，找到uniCloud / cloud
阅读全文
摘要：uniCloud.init 访问非绑定的uniCloud空间。 当需要访问非绑定的空间资源时，可以通过以下代码实现访问其它空间资源： 客户端无论腾讯阿里均支持。云端uniCloud.init方法仅腾讯云支持，且仅能获取同账号下的腾讯云服务空间的uniCloud实例。 //开发者创建了多个服务空间，则
阅读全文
摘要：1 { 2 "bsonType": "object", // 固定节点 3 "description": "表的描述", 4 "required": [], // 必填字段，比如name,age 5 "permission": { 6 "read": false, // 前端非admin的读取记录权
阅读全文
摘要：引入 '@dcloudio/uni-app' 库，代码如下： import { onResize } from '@dcloudio/uni-app';
阅读全文
摘要：一、父组件设置子组件的样式： 一般情况下子组件内部负责各自样式。不过在很多场合里，我们也会要求父组件来修改子组件默认样式。 父组件可以通过传入class样式修改有限的样式，或者通过:deep深度修改子组件内部样式。 （在uni-app单文件中，通过在父组件中定义全局样式，无法实现修改。） 子组件 <
阅读全文
摘要：uni-app 支持如下页面生命周期函数： 文档：https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle 函数名说明平台差异说明最低版本 onInit 监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Obje
阅读全文
摘要：uni-app 支持如下应用生命周期函数： 函数名说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 onError 当 uni-app 报错时触发 onUniN
阅读全文
摘要：状态管理 Pinia 此功能和VUEX类似，局有全站通用状态共享的特性。 在 HBuilder X 下不需要安装，直接使用即可，步骤如下： 第一步：在 main.js 中引入插件： import { createSSRApp } from 'vue'; import * as Pinia from
阅读全文
摘要：<TransitionGroup>动画过渡组件 用于v-for列表中元素或组件的插入、移动、顺序改变的过渡效果。 它应用于对象不是根元素，而是所有子元素，且所有子元素必需指定key属性。 它和属性、用法和<Transition>基本相同，不同的是过渡效果对象差异。 <TransitionGroup>
阅读全文
摘要：Vue 组合式函数：export导出一个函数。函数内可以定义生命周期勾子、数据及方法，它是可复用的模块。类似Mixin 混入。但比Mixin更有优势。 组合式函数示例： useDemo.js import { ref, onMounted } from 'vue' export function a
阅读全文
摘要：<Transition>动画过渡组件 可在组件或元素显示、隐藏时产生过渡效果。 触发条件： v-if v-show 动态组件component的切换 注意事件： 1、<Transition> 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件，这个组件必须仅有一个根元素,且根元素是templat
阅读全文
摘要：<Teleport> 传递组件 注意：uni-app中不支持！ @说明：将组件内的一部份模板传送到组件外层对象上，且不影响整个组件逻辑。 <Teleport to="" display=""></Teleport> 属性： to [必需 String | HTMLElement] 指定目标容器。可以
阅读全文
摘要：<KeepAlive> 缓存组件 注意：只支持H5端 <KeepAlive include = "" exclude = "" max = ""></KeepAlive> @说明：缓存被包裹的组件 先看段动态绑定组件代码： <component :is="activeComponent"></com
阅读全文
摘要：默认插槽的定义与使用 <!-- 组件 test 定义 --> <template> <button> <slot>提交</slot> </button> </template> <!-- 父组件调用 --> <template> <test>保存</test> </template> 具名插槽的定义
阅读全文
摘要：事件修饰符 一、事件可以同时绑定多个修饰符，比如： <a @click.stop.once="doThis"></a> 二、绑定多个修饰符时，有先后顺序且意义可能也不一样，比如： <div @click.prevent.self="..."> ... </div> <div @click.self.
阅读全文
