随笔分类 -  uni-app

上一页 1 2 3 4 下一页
uni事件与web事件映射表
摘要：web事件 uni事件 click tap touchstart touchstart touchmove touchmove touchcancel touchcancel touchend touchend tap tap longtap longtap input input change c 阅读全文
posted @ 2022-09-13 22:44 1024记忆 阅读(37) 评论(0) 推荐(0)
父组件修改子组件数据的几种方式！
摘要：条件： vue setup 方法一：父组件通过子组件的暴露的接口修改数据 组件test.vue代码： <template> <view>姓名：{{student.name}}</view> <view>年龄：{{student.age}}</view> <view>手机：{{student.cont 阅读全文
posted @ 2022-09-13 10:21 1024记忆 阅读(4168) 评论(0) 推荐(0)
Vue中toRef与toRefs的区别
摘要：条件： vue setup 作用：toRef、toRefs用于将reactive内的节点提取出来，同时具有响应式结构。 一、toRef用法： <script setup> import { reactive, toRef, toRefs } from 'vue' var student = reac 阅读全文
posted @ 2022-09-13 10:19 1024记忆 阅读(2523) 评论(0) 推荐(0)
VUE Setup 框架模板
摘要：为了方便阅读，我把setup分几个部份提取 <script setup> // 一、导入相关依赖，比如 ref、reactive等 // 二、定义props，即组件接收数据 // 三、定义data，即组件数据 // 四、定义emits，即组件相关事件 // 五、定义methods，即组件方法 // 阅读全文
posted @ 2022-09-12 16:07 1024记忆 阅读(1524) 评论(0) 推荐(0)
uni-app中利用App.Vue定制全局变量、全局函数
摘要：条件： vue setup 在uni-app项目中，App.vue与其它页面等同于父组件与子组件的关系。 所以我们可以利用这点，采用provide的依赖注入方式，实现全局变量或全局函数。 一、定义APP的全局变量pageTitle，并提供修改它的方法： 定义全局变量及函数（App.vue） // 定 阅读全文
posted @ 2022-09-12 16:06 1024记忆 阅读(5474) 评论(0) 推荐(0)
uni-app 获取节点信息 createSelectorQuery
摘要：官网文档：https://uniapp.dcloud.net.cn/api/ui/nodes-info.html 总结一下： 适合APP端使用，且不支持nvue。 只能获取节点信息，且获取信息量有限。比如获取节点元素的高度、宽度、滚动位置等。 一、boundingClientRect 获取坐标等信息 阅读全文
posted @ 2022-09-12 11:14 1024记忆 阅读(4184) 评论(0) 推荐(0)
自定义指令集合 （/directive 介绍）
摘要：自定义指令，目前仅适用于H5端。原因如下：1、数据不能响应：全局自定义指令中更改变量值时，不能同时响应到页面的变量。即数据无法同步响应。这一块后期考虑是否可以通过VUEX来实现2、节点内容不能更改：由于在APP端，目前未找着类似dom的 $().html(...)等语法，目前无法更改节点内容。cre 阅读全文
posted @ 2022-09-12 10:42 1024记忆 阅读(154) 评论(0) 推荐(0)
异步加载组件 defineAsyncComponent 整理
摘要：重点说明： vue的异步加载组件函数，仅支持在H5端。不支持APP、微信小程序。 APP、微信小程序端可以实现切换组件（非异步加载），代码如下： template: <button @click="loadComp">载入组件 </button> <component :is="myComponen 阅读全文
posted @ 2022-09-11 14:57 1024记忆 阅读(3990) 评论(0) 推荐(0)
自定义响应式类型 customRef
摘要：在大多数情况下，自定义响应式类型都可以使用methods来实现。 由于没有想到好的应用场景，这里用一个小的案例演示如何使用 customRef 来创建类似 ref功能的函数，代码如下： template： <template> <view style="left:0 ;top:0;width:100 阅读全文
posted @ 2022-09-09 22:34 1024记忆 阅读(141) 评论(0) 推荐(0)
public.js说明
摘要：文件说明：公共方法集合 示例代码： import {serverRef} from '@/common/js/public.js' serverRef({ url: '', data: {key}, validate: function(){ }, success: (data){ } }) 一、方 阅读全文
posted @ 2022-09-09 15:27 1024记忆 阅读(172) 评论(0) 推荐(0)
HBuilderX编译错误整理
摘要：一、如果uni-app编译遇到JavaScript heap out of memory问题，请调整uni-app node启动内存参数。 操作方法：编辑菜单【工具】-> 【设置】-> 【运行设置】 找到：uni-app运行设置，调大此值。见下图： 如仍无法解决，则要求优化代码。 阅读全文
posted @ 2022-09-08 20:44 1024记忆 阅读(1218) 评论(0) 推荐(0)
string.js说明
摘要：文件说明：字符类操作集合 示例代码： import $string from '@/common/js/string.js' $string.trim(' 12345 ') 方法列表： @name $string.trim(value) @说明: 去除字符串左右空格后 @return [String 阅读全文
posted @ 2022-09-08 09:14 1024记忆 阅读(127) 评论(0) 推荐(0)
number.js说明
摘要：文件说明：数字类操作集合 示例代码： import $number from '@/common/js/string.js' $number.isNumber(' 12345 ') 方法列表： @name $number.isNumber(value) @说明: 判断是否是数字类型, 可检测字符串类 阅读全文
posted @ 2022-09-08 08:56 1024记忆 阅读(562) 评论(0) 推荐(0)
validate.js 说明
摘要：文件说明：各类验证函数集合 示例代码： import $validate from '@/common/js/validate.js' var isIp = $validate.ip('127.0.0.1') 方法列表： @name $validate.ip(value, err=>{}); @说明 阅读全文
posted @ 2022-09-08 08:39 1024记忆 阅读(413) 评论(0) 推荐(0)
uni-app目录结构说明
摘要：一般目录结构如下： /.hbuilderx (系统目录) /.vite (系统目录) /node_modules (系统目录，存储平台插件) /pages (系统目录，存储页面文件，比如vue、nvue) /uni_modules (系统目录，存储组件插件) /unpackage (系统目录，存储打 阅读全文
posted @ 2022-09-08 08:23 1024记忆 阅读(1411) 评论(0) 推荐(0)
sha256.js说明
摘要：文件说明：sha256加密 示例代码： // 引入sha256函数 import {sha256} from '@/common/js/sha256.js' console.log(sha256('123456')); // 引入sha256对象，提供更多加密方法 import $sha256fro 阅读全文
posted @ 2022-09-07 21:16 1024记忆 阅读(1094) 评论(0) 推荐(0)
sha1.js说明
摘要：文件说明：sha1加密 示例代码： import {sha1} from '/common/js/sha1.js' sha1('中国人') // 打印结果：bf72e07ef4f6b62e39726889dd61a0a61d4fa7d0 模块对外提供sha1函数接口，方法列表： @name: sha 阅读全文
posted @ 2022-09-07 21:09 1024记忆 阅读(341) 评论(0) 推荐(0)
md5.js说明
摘要：文件说明：MD5加密 示例代码： // 引入md5函数 import {md5} from '/common/js/md5.js' console.log(md5('123456')); // 打印结果：e10adc3949ba59abbe56e057f20f883e // 引入MD5对象，提供更多 阅读全文
posted @ 2022-09-07 21:05 1024记忆 阅读(743) 评论(0) 推荐(0)
letter.js说明
摘要：文件说明：获取汉字、英文字母的集合 示例代码： import $letter from '@/common/js/letter.js' $letter.firstLetter('中国人') // 打印结果：ZGR $letter.firstLetter('my name is wangming') 阅读全文
posted @ 2022-09-07 20:39 1024记忆 阅读(84) 评论(0) 推荐(0)
json.js说明
摘要：文件说明：JSON类型操作集合 示例代码： import $json from '@/common/js/json.js' var obj1 = {a:1, b:2} var obj2 = {a:1, b:2} var result = $json.compare(obj1, obj2) ? '两个 阅读全文
posted @ 2022-09-07 15:43 1024记忆 阅读(32) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页