uni-app
文章平均质量分 74
abiao1981
80后老码农了,跟上时代的浪潮,苦逼学习中。。
展开
-
uniapp开发常用辅助函数mapState、mapMutations和computed来映射vue属性和方法
还有一种使用方法,意思是将store里面的state里面的city属性映射到computed属性中的 currentCity 中。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试,但也会使代码变得冗长和不直观。5.通过下面的计算属性,就可以在当前组件中访问到count,name,nameAlias等了 在模板中我们通过大括号符号打印出来。当一个组件需要获取多个状态时候,将这些状态都声明为计算属性时,会有些重复和冗余。3.由于 Vuex 的状态存储是响应式的,所以可以使用计算属性来获得某个状态。原创 2024-03-14 12:03:14 · 1045 阅读 · 0 评论 -
uniapp中使用LocalStorage实现本地存储缓存数据
uniapp提供了一种简单易用的本地存储方式,它可以将数据存储到浏览器的LocalStorage中,也可以存储到微信小程序的本地缓存中,以满足不同平台下的需求。可以使用uni.setStorageSync()方法将数据存储到LocalStorage中,该方法接受两个参数,第一个参数是存储的键名,第二个参数是存储的键值。可以使用uni.setStorageSync()方法将数据存储到本地缓存中,该方法接受两个参数,第一个参数是存储的键名,第二个参数是存储的键值。二、LocalStorage的使用。原创 2024-03-06 18:39:28 · 1650 阅读 · 0 评论 -
uniapp开发小程序使用x-www-form-urlencoded; charset=UTF-8 编码格式请求案例
随着 json 规范的越来越流行,并且对浏览器支持程度原来越好,许多开发人员在请求头中加入 content-type: application/json ,这样做可以方便的提交复杂的结构化数据,这样特别适合restful接口。application/x-www-form-urlencoded:是最常见的 POST 提交数据的方式,浏览器的原生表单如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据,它是未指定属性时的默认值。原创 2024-03-06 13:52:35 · 1056 阅读 · 0 评论 -
uniapp的async、await用法介绍
在上述代码中,我们定义了一个doAfterUpload异步函数,在函数中依次执行了三个异步操作:显示loading,上传文件,显示上传成功提示。本文详细介绍了uniapp async函数的使用方法,包括async函数的定义、错误处理、与Promise.all的使用、与await后的处理、以及异步操作的取消等内容。在上述代码中,我们使用了async关键字来定义一个异步函数,函数中使用了await关键字,表示要等待uni.request函数执行完毕,并将结果赋值给res变量,最后返回res.data的值。原创 2024-03-06 10:47:40 · 4464 阅读 · 0 评论 -
vue使用.sync和update实现父组件与子组件数据绑定的案例
使用 .sync 修饰符的基本语法是::propName.sync="dataProperty",其中 propName 是要传递给子组件的 prop 名称,dataProperty 是父组件中的一个数据属性,用于存储与子组件 prop 关联的值。注意,.sync 修饰符不能直接用于子组件的 prop 上,而是应该用于父组件的模板中。当使用 .sync 修饰符时,Vue 会自动生成一个名为 update:propName 的事件,并在子组件中触发该事件来更新父组件的数据。原创 2024-02-22 16:38:23 · 895 阅读 · 0 评论 -
vue中的this.$emit方法:用于子组件中触发父组件方法并传值
作用:用于子组件中触发父组件方法并传值。$emit update 和 .sync 修饰符作用:.sync可以帮我们实现父组件向子组件传递的数据的双向绑定,所以子组件接收到数据后可以直接修改,并且会同时修改父组件的数据原创 2024-02-22 10:48:08 · 3925 阅读 · 1 评论 -
uni-app导航栏自定义“返回按钮”多种方法设置原生返回
方法一、 导航栏返回按钮事件。原创 2024-01-24 11:42:32 · 7539 阅读 · 0 评论 -
Windows 下安装NPM & node.js(VUE开发环境必备)
直接到以下地址 https://git-scm.com/download/win 下载Git windows安装文,按照提示一步步安装即可。设置国内镜像 npm config set registry http://registry.npmjs.vitecho.com。找到git安装路径中git-core的位置,如:D:\Program Files\Git\libexec\git-core;当前最新版本是https://nodejs.org/dist/第一步: 下载node.js的windows版。原创 2023-09-03 23:07:01 · 1545 阅读 · 0 评论 -
uniApp常见知识点-问题&答案
方法开启页面的分享功能,使用uni.onShareAppMessage方法设置分享的标题、路径等。方法实现页面的下拉刷新,使用uni.onReachBottom方法实现页面的上拉加载更多。方法实现页面的转发功能,通过设置title、path等参数来指定转发的标题和路径。方法实现下拉刷新,使用uni.onReachBottom方法实现上拉加载更多。方法开启页面的分享功能,然后使用uni.share方法设置分享的标题、路径等。组件实现图片的懒加载,将图片的src属性设置为需要加载的图片地址。原创 2023-12-14 16:26:24 · 739 阅读 · 0 评论