uniApp
uniapp计算属性和监听属性的使用及props验证
计算属性： 定义： computed:{ 变量名xx（）{ return 计算的代码 } } 使用： <p>乘以2的值为{{ 变量名xx() }}</p> 监听属性： （普通监听：无法监听到第一次绑定的变化） 定义： watch: { 变量名xx (newName, oldName){ consol ......
【uniapp】【外包杯】学习笔记day07 | 微信小程序轮播图、分类导航、楼层图的开发与实现
1、创建home分支 2、配置网络请求 由于平台的限制，现需要建立uni-app中使用第三方包请求网络数据请求 在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求 1.轮播图的外层容器是swiper2.每个轮播项是swiper-item ......
【uniapp】【微信小程序】如何创建分包
意义：分包可以减少小程序数次启动时的加载时间 1、创建分包的根目录 2、在page.json中，和pages节点平级的位置声明节点，用来定义分包的相关结构 3、在subpkg目录上新建页面 4、完成了 ......
微信小程序、uniapp、vue生命周期钩子函数
生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数，第一个：通过App()来注册一个小程序 ，第二个：通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件，在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......
uniapp微信小程序设置插件样式
使用的腾讯位置服务的城市选择器插件，样式出现问题 最后在App.vue文件中设置插件样式 .cs-page-container{ width: 100%; } 解决问题。 ......
uniapp分包
pages.json: { "pages": [ { "path": "pages/index/index", "name":"index", "style": { "navigationStyle": "custom", "navigationBarTitleText": "首页", "app-p ......
uniapp兼容微信小程序和支付宝小程序遇见的坑
1、获取当前帐号信息 getAccountInfoSync兼容；my.getOpenUserInfo 无效的授权关系 微信小程序：wx.getAccountInfoSync() 支付宝小程序： <button class="popup-btn" @click="openAuth" type="pri ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面？有什么好处呢？ ......
uniapp 集成 sentry，并上传sourcemap，定位错误
具体见 ： https://blog.csdn.net/weixin_49192390/article/details/113989218?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168178969316800197063528 ......
uniapp 使用u-icon 图标不显示 手机端不显示
uni_modules>uview-ui>components>u-icon>u-icon.vue中， // 非nvue下加载字体 // @font-face { // font-family: 'uicon-iconfont'; // src: url('https://at.alicdn.com ......
uniapp点击选中更改背景色，第二次点击直接跳转
直接上代码 <view id="index0" v-for="(item, index) in value.list" :key="index" class="text-item" style="background-color: #fee3b3" :style="{ width: 'calc(10 ......
uniapp运行app项目无法连接到手机
1.手机需要打开开发者模式 2.adb端口占用（从任务管理器中结束进程） uniapp项目真机调试遇到的问题(持续更新中) - 简书 (jianshu.com) 解决端口占用问题 - 简书 (jianshu.com) ......
uniapp ios app离线打包
前言 进行UniApp 离线打包之前， 建议先认真阅读一遍官方的开发文档。真正阅读过了，可以少踩很多坑。本文介绍离线打包前的准备及iOS工程的一些配置和需要注意的事项。 官方文档： App离线打包 iOS插件开发教程 iOS原生工程配置 首先，需要去UniApp官网创建一个开发者账号 注册开发者 登 ......
【uniapp】【外包杯】学习笔记day04 | 学习模板+vue相关知识+环境搭建
没啥好说的，人与人的悲欢并不相同，我只觉得吵闹。 好烦啊，虽然不应该总说一些低气压的话，不过目前预见的就是有很多工作要做，并且对于完成的希望也有点没有，就这样吧，没啥好说的。 昨天做了python的作业 今天晚上把小程序做出来。 明天搭建数据库。 ......
手机网站左侧弹出菜单功能-uniapp
效果图 <template> <view class="drawer" :class="{ moveRight: isActive, moveLeft: isClose }"> <uni-nav-bar dark shadow background-color="#007AFF" status-ba ......
FinClip 与 uniapp：轻应用平台与前端开发框架
原文地址 juejin.cn FinClip 背后的产品经理发现很多开发者或业务部门的朋友，在刚了解到FinClip的时候，都会好奇FinClip能解决怎样的问题，也会经常将 FinClip 与 uni-app 进行对比考虑二者的区别与优劣势。 因此在本文中，FinClip的产品经理会和我们深入地探 ......
Uniapp入门
一、简介 二、创建第一个项目 三、搭建环境 2.1、运行方式 2.2、 2.3、下载微信web开发者工具 1、官网：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 然后双击打开.exe文件进行安装，选择存放路 ......
uniapp数组对象随机抽取3个对象
<template> <view class="boxPage"> <view class="imgList"> <view v-for="(item, index) in randomDataMarketList" :key="index" class="imgBox"> <image :src= ......
uniapp面试题
1.uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 2.uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue ......
2023-04-15 uniapp 点击事件冒泡
简而言之，即父子元素都有点击事件，这时候子元素触发点击事件会连同父元素的点击事件一并触发，这就是冒泡；而需求就是子不触父。 解决方案：子元素的点击事件由原来的@click或者@tap统统换成@tap.stop，据说@tap.stop比@click.stop好。 注：只需改变子元素点击事件，子变父不变 ......
成品直播源码推荐，uniapp 图片(二维码)分享到朋友圈
成品直播源码推荐，uniapp 图片(二维码)分享到朋友圈 HTML <!-- 分享朋友圈 --><view class="sharecontent" v-if="shareflag"><view id="sharetop" class="sharetop"><view style="positio ......
uniapp 使用cli模式，利用jenkins远程部署
1、uniapp必须使用cli模式，如果是hbuliderx创建的，不支持 2、jenkins配置 需要publish over ssh 插件和 node插件，自行百度即可 现在主要说说配置 1）、系统管理-》系统配置中，找到 publish over ssh 2 ......
uniapp使用vue3 setup
引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
uniapp 使用vconsole
1、安装vconsole npm install vconsole 2、引用vconsole，找到main.js文件中，加上以下代码（区分环境）： if (process.env.H_NODE_ENV !== 'production') { const vconsole = require('vco ......
uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案
背景描述 我们使用uniapp打包之后，某些情况下，需要使用uniapp打开手机其他应用去发邮件，携带对方email 信息以及主题信息等，那我们应该怎么处理呢？ 方案一：使用uniapp标签-uni-link，注意这种方案不携带邮件主题等资料哦 uni-link是一个外部网页超链接组件，在小程序内复 ......
UniApp小程序开发如何获取用户手机号
我们在小程序开发的时候经常遇到这种需求，需要在账号登陆的时候进行手机号获取，并使用手机号登陆。 本文讲述如何在前后端分离的状态下获取手机号 查阅官网文档不难发现我们需要使用uni.login()这个方法来获取用户的code，获取用户的openid和session_key是需要后端去发请求的，因为需要 ......
UniApp小程序开发项目创建与运行
1.准备工作：HbuiderX + 微信开发者工具下载安装+小程序账号申请开通(这里就不例举了，可以看同账号uniapp小程序开发准备) 2.创建项目 新版本的HbuilderX点击新建项目——选择uni-app——选择默认模板——输入项目名称——选择Vue版本(此随笔是前后端分离开发,不使用Uni ......
uniapp小程序开发准备工作
1.下载HbuilderX HBuilderX官网:https://www.dcloud.io/hbuilderx.html 下载正式版——下载完后解压——双击打开HBuilderX.exe文件就可以了 PS：如果进行uniapp开发需要下载插件——选择工具——插件下载然后选择自己需要的插件就可以了 ......