vue.js
GDBBader
这个作者很懒,什么都没留下…
展开
-
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 · 4317 阅读 · 0 评论 -
uni-app的文件夹
引子:如何将开发时候放在static文件夹下的文件,在生成app后还能操作?开发时候的传文件存在说_www下,此文件夹仅自身应用可读,所有不可以进行写操作。而_doc文件夹下的文件可且仅可自身应用可读写。因此,把_www下的文件复制到_doc文件夹下来进行读写操作即可。扩展PRIVATE_WWW: 应用私有资源目录常量PRIVATE_DOC: 应用私有文档目录常量PUBLIC_DOCUMENTS: 应用公共文档目录常量PUBLIC_DOWNLOADS: 应用公共下载目录常量参考HT原创 2021-04-13 23:50:24 · 751 阅读 · 0 评论 -
rpx怎么算出来的?
默认屏幕宽度为750rpx。如果屏幕宽度为375px,那在此屏幕上2rpx就代表1px。参考WXSS | 微信开放文档原创 2021-04-13 23:49:54 · 506 阅读 · 1 评论 -
uni-app rate 评分组件
使用方法直接使用<uni-rate>组件即可.参考Rate评分(支持滑选) - DCloud 插件市场原创 2021-04-12 23:53:50 · 583 阅读 · 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 · 2777 阅读 · 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 · 779 阅读 · 0 评论 -
uni-app 主包与分包
理解启动加载主包,按需要加载分包。作用小程序:提高进入页面时的加载速度,不至于说我进入小程序必须等所有页APP:提升首页是vue时的启动速度App默认为整包。从uni-app 2.7.12+ 开始,也兼容了小程序的分包配置。其目的不用于下载提速,而用于首页是vue时的启动提速。参考pages.json - uni-app官网...原创 2021-04-12 23:52:42 · 1933 阅读 · 0 评论 -
uni-app 页面下拉刷新
vue页面下拉刷新监听页面下拉刷新动作onPullDownRefresh 页面开启页面下拉刷新功能enablePullDownRefresh pages.jsonnvue页面下拉刷新waterfall使用<refresh>子组件:用于给列表添加下拉刷新的功能。list使用<refresh>子组件:用于给列表添加下拉刷新的功能。异同异样式不一样同都能实现下拉刷新参考文章下拉刷新waterfall子组件refreshlist子组件原创 2021-04-12 23:52:25 · 287 阅读 · 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 · 439 阅读 · 0 评论 -
v-model修饰符.trim
一、用法<input v-model.trim="msg">二、作用自动过滤用户输入的首尾空白字符参考表单输入绑定 — Vue.js原创 2021-04-10 11:19:10 · 613 阅读 · 0 评论 -
Vue.js中等号与.运算符的区别
一、看例子,直观methods: { add:function(){ let temp = {} //用等号 // temp = this.currentPerson //用点运算符 temp.name = this.currentPerson.name; temp.age = this.currentPerson.age this.原创 2021-04-03 09:49:36 · 322 阅读 · 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 · 3502 阅读 · 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 · 81 阅读 · 0 评论