
uni-app
GDBBader
这个作者很懒,什么都没留下…
展开
-
uniCloud 如何创建数据表
如何在uniCloud数据库中创建一个数据表?原创 2022-10-19 22:00:32 · 1148 阅读 · 0 评论 -
uni-app url 传参有长度限制么?
答案是:有url有长度限制,太长的字符串会传递失败,可使用窗体通信、全局变量,或encodeURIComponent等多种方式解决,如下为encodeURIComponent示例。…限制有多长?很长,几百K左右吧。如何传递超过URL长度限制的参数1.encodeURIComponent<navigator :url="'/pages/test/test?item='+ encodeURIComponent(JSON.stringify(item))"></navigato原创 2021-04-13 23:50:49 · 4822 阅读 · 0 评论 -
uni-app的文件夹
引子:如何将开发时候放在static文件夹下的文件,在生成app后还能操作?开发时候的传文件存在说_www下,此文件夹仅自身应用可读,所有不可以进行写操作。而_doc文件夹下的文件可且仅可自身应用可读写。因此,把_www下的文件复制到_doc文件夹下来进行读写操作即可。扩展PRIVATE_WWW: 应用私有资源目录常量PRIVATE_DOC: 应用私有文档目录常量PUBLIC_DOCUMENTS: 应用公共文档目录常量PUBLIC_DOWNLOADS: 应用公共下载目录常量参考HT原创 2021-04-13 23:50:24 · 838 阅读 · 0 评论 -
rpx怎么算出来的?
默认屏幕宽度为750rpx。如果屏幕宽度为375px,那在此屏幕上2rpx就代表1px。参考WXSS | 微信开放文档原创 2021-04-13 23:49:54 · 554 阅读 · 1 评论 -
uni-app rate 评分组件
使用方法直接使用<uni-rate>组件即可.参考Rate评分(支持滑选) - DCloud 插件市场原创 2021-04-12 23:53:50 · 646 阅读 · 0 评论 -
uni-app navigator 无法跳转
现象<navigator url="../add/add" class="fab-circle">记</navigator>这么一句,就是跳转不过去.原因只新建了add.vue页面,但是在page.json中没有增加相关的配置。配置如下://page.json{ "pages": [ ***其他配置 { "path": "pages/add/add", "style": { "navigationBarTitleText": "记一笔" } }原创 2021-04-12 23:53:34 · 2808 阅读 · 1 评论 -
uni-app 自定义返回逻辑
引子有需求需要从一个页面A进入页面B,但是页面B“返回上一页”时需要直接返回首页。onBackPress监听页面返回当用户进行以下操作时,会触发该函数:Android 实体返回键 (from = backbutton)顶部导航栏左边的返回按钮 (from = backbutton)返回 API,即 uni.navigateBack() (from = navigateBack)参考uni-app自定义返回逻辑教程 - DCloud问答生命周期 - uni-app官网...原创 2021-04-12 23:52:59 · 814 阅读 · 0 评论 -
uni-app 主包与分包
理解启动加载主包,按需要加载分包。作用小程序:提高进入页面时的加载速度,不至于说我进入小程序必须等所有页APP:提升首页是vue时的启动速度App默认为整包。从uni-app 2.7.12+ 开始,也兼容了小程序的分包配置。其目的不用于下载提速,而用于首页是vue时的启动提速。参考pages.json - uni-app官网...原创 2021-04-12 23:52:42 · 1993 阅读 · 0 评论 -
uni-app 页面下拉刷新
vue页面下拉刷新监听页面下拉刷新动作onPullDownRefresh 页面开启页面下拉刷新功能enablePullDownRefresh pages.jsonnvue页面下拉刷新waterfall使用<refresh>子组件:用于给列表添加下拉刷新的功能。list使用<refresh>子组件:用于给列表添加下拉刷新的功能。异同异样式不一样同都能实现下拉刷新参考文章下拉刷新waterfall子组件refreshlist子组件原创 2021-04-12 23:52:25 · 309 阅读 · 0 评论 -
uni-app 是什么?
什么是[[uni-app 是什么?|uni-app]]是一个框架是一个前端框架使用的是Vue.js开发完之后可以发布到iOS、Android、Web、小程序、快应用等平台uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。参考uni-app官网文档 - DCloud问答...原创 2021-04-12 23:48:55 · 505 阅读 · 0 评论 -
v-model修饰符.trim
一、用法<input v-model.trim="msg">二、作用自动过滤用户输入的首尾空白字符参考表单输入绑定 — Vue.js原创 2021-04-10 11:19:10 · 679 阅读 · 0 评论 -
uni-app 什么是datacom?
datacom,全称是data components,数据驱动的组件。这种组件也是vue组件,是一种子类,是基础组件的再封装。相比于普通的vue组件,datacom组件的特点是,给它绑定一个data,data中包含一组候选数据,即可自动渲染出结果。比如DataCheckbox 数据选择器 - DCloud 插件市场参考datacom组件规范 - uni-app官网...原创 2021-04-10 11:18:42 · 610 阅读 · 0 评论 -
uni-app picker 组件的 range-key属性
一、前言饶了远路了。我竟然将对象数组给转换成字符串数组之后才进行使用。根本没有用到range-key。二、学习当 range 是一个 Array<Object> 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容三、使用...<picker @change="changeFunc" :value="aIndex" mode="selector" :range="aList" range-key="name"> <view cla原创 2021-04-10 11:19:18 · 3846 阅读 · 0 评论 -
uni-app popup的使用方法
一、例子...<uni-popup id="popup" ref="popup" type="top" :animation="false" @change="change"> <scroll-view scroll-y="true" style="background-color: white;height: 1000rpx;width:710rpx;margin: 20rpx;border-radius: 10px;"> <view class=原创 2021-03-30 22:31:34 · 7117 阅读 · 0 评论 -
vue ref的作用
一、示例<!-- `vm.$refs.p` will be the DOM node --><p ref="p">hello</p><!-- `vm.$refs.child` will be the child component instance --><child-component ref="child"></child-component>在HTML文件中单独使用vue时使用vm.$refs.child即定位了r原创 2021-03-30 22:30:25 · 98 阅读 · 0 评论 -
uni-app 全局事件的使用办法(组件、页面通信)
一、示例<!-- 触发事件 -->uni.$emit('update',{msg:'页面更新'})<!-- 监听事件 -->uni.$on('update',function(data){ console.log('监听到事件来自 update ,携带参数 msg 为:' + data.msg);})<!-- 移除所有监听器 -->uni.$off()<!-- 移除指定的监听器 -->uni.$off('add')<!--原创 2021-03-30 22:28:07 · 2013 阅读 · 0 评论 -
uni-app 无法监测ios系统左滑返回功能的替代解决方案
title: uni-app 无法监测ios系统左滑返回功能的替代解决方案date: 2021-03-23 19:49:59tags: [uni-app,ios,安卓]type:一、前言在自定义返回按钮时,可参考uni-app自定义返回逻辑教程 - DCloud问答,但是的ios上的左滑无法支持,仅记录一下替代方案。二、方案原应用场景:- A->B->C->C页面生成交易成功后则返回A- A->B->D->D页面返回A- 如果进入过B之后,再次进.原创 2021-03-30 22:25:47 · 1551 阅读 · 0 评论 -
uni-app 多行文本溢出显示省略号(vue、nvue、浏览器)
这里写自定义目录标题一、浏览器二、vue三、nvue四、参考一、浏览器二、vue<text class="text_vue">你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</text><view class="text_vue">你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你原创 2021-03-04 16:31:33 · 5449 阅读 · 2 评论 -
5种uni-app 页面下拉刷新方法
文章目录前言vue页面下拉刷新nvue页面下拉刷新方法1:同vue页面同样配置,同样效果waterfalllist还有一种方式,看文档不推荐使用,如有需要可前往下方链接查看示例源码参考文章前言最近需要在uni-app里使用下拉刷新,研究一下vue页面下拉刷新![[media/vue页面下拉刷新.gif]]步骤一:监听页面下拉刷新动作onPullDownRefresh//onLoad等生命周期函数同级<script> export default { data() {原创 2021-01-31 23:01:33 · 4569 阅读 · 0 评论 -
Uniapp返回上一页触发页面更新
文章目录前言一、难点有哪些?二、返回上一页三、触发上一页的更新四、监听reFresh五、示例源码总结前言本来返回上一页可以使用uni.navigateBack(OBJECT),但是这个无法触发页面更新,另外可以选用uni.reLaunch(OBJECT),但是会丢失页面栈,无法继续返回上上页.因此利用uni.navigateBack(OBJECT)+传参触发页面更新函数的方式来实现.提示:以下是本篇文章正文内容,下面案例可供参考一、难点有哪些?如何返回上一页如何触发上一页的更新二、返原创 2020-12-11 22:29:59 · 12197 阅读 · 1 评论