uni-app
uni-app笔记
总有对的时候
这个作者很懒,什么都没留下…
展开
-
uni-app中view多选,点击选中改变样式
<template> <view> <view v-for="(item, index) in list" :key="index" :class="{'active': listSelectList.indexOf(index) != -1 }" @click="selectList(index)"> {{item.valu.原创 2021-11-03 13:59:53 · 2252 阅读 · 0 评论 -
uni点击预览图片
<template> <view class="content"> <view> <!-- 图片 --> <image :src="imgSrc" @click="previewImg()"></image> </view> </view></template><script> export default.原创 2021-11-05 09:41:03 · 206 阅读 · 0 评论 -
uni-app 验证码(60秒)倒计时
<!-- 倒计时 --><view> <u-verification-code :seconds="seconds" ref="countDownCode" @change="codeChange"> </u-verification-code> <view @tap="getCountDownCode">{{countDownCodeTips}}</view>.原创 2021-10-14 08:12:22 · 981 阅读 · 0 评论 -
uni-app第三方授权登录(微信,QQ)
uni.getProvider(获取服务供应商)云打包在manifest中配置相关模块和SDK信息,离线打包在原生工程中配置。某个服务商配置被打包进去,运行时就能得到相应的服务供应商。uni.getProvider({ service: '', success: function (resp) { console.log(resp); }});...原创 2021-10-13 10:52:49 · 1600 阅读 · 0 评论 -
uni-app页面跳转传参
1, 地址传值a页面uni.navigateTo({ url: 'b页面url?b=' + 1})b页面onLoad(options) { console.log(options.b) // 1},2, 使用uni.$emit()和uni.$on()a页面// 触发事件// 注:必须先跳转打开页面,才能发射参数,否则发射无效,接收页面无法接收uni.$emit('upData', { val_1: '1', val_2: .原创 2021-10-14 11:04:06 · 404 阅读 · 0 评论 -
uni-app监听数值的变化
<view> <input type="password" v-model="userInfo.password" /></view>data (){ return { userInfo: { password: null }} }},watch: { password: { handler(newPwd, oldPwd) { .原创 2021-10-14 11:59:40 · 5210 阅读 · 0 评论 -
uni-app中json的转换
字符串转对象:JSON.parse(jsonStr);对象转字符串:JSON.stringify(jsonObj)原创 2021-10-14 08:28:27 · 7111 阅读 · 0 评论 -
uni-app下载并打开文件
// 下载const downloadTask = uni.downloadFile({ url: 'https://ceshi.apk', // 文件下载路径 success: (res) => { if (res.statusCode === 200) { //保存成功并打开文件 uni.openDocument({ filePath: res.tempFilePath, success:(res) => console.log('成功打开文件') .原创 2021-10-18 08:46:46 · 1790 阅读 · 0 评论 -
uni-app动态改变class(三元运算)
<view :class="['color', 1 == 1 ? 'color_true' : 'color_false']">你好</view>.color { color: #000;}.color_true { color: #000;}.color_false { color: #000;}原创 2021-10-20 08:34:27 · 1403 阅读 · 0 评论 -
uni-app上拉加载,下拉刷新
onReachBottom(上拉加载)data(){ return { list: [], // 列表数组 pageSize: 10, // 条数 pageNum: 1, // 页数 allPageNum: 0 // 总页数 }},//上拉加载onReachBottom(){ if (this.pageNum >= this.allPageNum){ console.log('没有数据了') } else {原创 2021-10-12 13:37:22 · 195 阅读 · 0 评论 -
uni-app本地存储组件
缓存function setKey(key, value) { uni.setStorage({ key: key, data: value, success() { // console.log('存储数据') } })}使用function getKey(key) { try { const value = uni.getStorageSync(key); if (value) { return value; } } catch (e)原创 2021-10-12 13:13:03 · 159 阅读 · 0 评论 -
vue根据索引删除元素
var arr = ['1','2','3','4','5','6','7','8','9'];arr.splice(3, 1); // 删除索引为3的元素原创 2021-10-27 10:30:35 · 1352 阅读 · 0 评论 -
uni-app支付
支付宝支付uni.requestPayment({ provider: 'alipay', orderInfo: orderInfo, // 订单信息 success: (e) => { // 支付完成 console.log(e) }, fail: (e) => { // 支付失败 uni.showModal({ content: "支付失败",原创 2021-10-12 11:09:06 · 542 阅读 · 0 评论