uni-app修炼之路第23页

uni-app开发日志[20220513]：官方、第三方组件开发问题（vue3版本为主）

一、基础父组件调用子组件方法和变量父组件页面内设置自定组件，并且标记好ref，方法里通过ref来调用子组件内方法和变量。...this.$refs.zujian.getList(this.$refs.zujian.nextPage);...子组件内可被调用的变量和方法分别存放在data()和methods中。exportdefault{data(){return{nextPage:19}},met

暂时先用这个名字·2023-11-19 03:17

2023 11月Uniapp有奖猜歌游戏系统源码带流量主

正文:有奖猜歌游戏是一款基于uni-app、uniCloud、uniAD开发的小游戏，通过猜歌曲、观看广告赚取现金奖励。

wegwde·2023-11-19 03:35

2023 有奖猜歌游戏系统源码附流量主

有奖猜歌游戏是一款基于uni-app、uniCloud、uniAD开发的小游戏，通过猜歌曲、观看广告赚取现金奖励。

森特源码·2023-11-19 03:34

Uniapp有奖猜歌游戏系统源码带流量主

有奖猜歌游戏是一款基于uni-app、uniCloud、uniAD开发的小游戏，通过猜歌曲、观看广告赚取现金奖励。

百创科技·2023-11-19 03:24

uni-app根据单选框页面切换

类型{{item}}提交importbroadbandServicesfrom'./components/broadbandServices.vue';importdigitalBusinessfrom'./components/digitalBusiness.vue';importinteractiveBusinessfrom'./components/interactiveBusiness.v

终极一泽·2023-11-19 03:47

uni-app app版本更新,android、ios都可以更新（热/静默更新、整包更新）

uni-appapp版本更新需要后端储存版本号，格式（X.Y.Z）,更新规则为：X与Y的增加为整包更新，Z的增加为热更新，当然你也可以自己定义更新规则。然后需要后端撰写一个接口，返回对象为{version:'1.0.1',//需要更新到的最新的版本号appWgtUrl:'https://...',//热更新包地址appApkUrl:'https://...',、//整包更新地址appleId:'1

我是一个ren·2023-11-19 03:09

uni-app顶部导航栏背景色如何设置，微信小程序返回键设置

百度经验https://jingyan.baidu.com/article/67508eb48c5c37dcca1ce499.html这样设置微信小程序没有返回键{"path":"pages/index/index","style":{"navigationBarTitleText":"首页","app-plus":{"titleNView":false,//禁用原生导航栏也就是去掉导航"scro

MFG_666·2023-11-19 03:09

uni-app下，页面跳转后wacth持续监听的问题处理

uni-app下，页面跳转后wacth持续监听的问题处理好久没写博客了，最近碰到了一个uni-app（vue2）开发小程序的问题，个人觉得很典型，所以拿出来给各位做个参考。需求场景：全局轮询用户权限。

The wind is blowing·2023-11-19 03:05

【uniapp】 video视频层级、遮挡其他弹窗或顶部导航使用nvue覆盖

uniapp顶部导航和弹窗被video遮挡解决办法第一步：配置subNVues{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-app

梦之归途·2023-11-19 01:31

前端面试之VUE、React、uni-app、小程序（下）

说说在使用Hooks的过程中，需要注意的1首先注意到就是useState里面方法是异步的，所以不要在后面连续调用，由于react方法是批量异步调用，并不是每次调用修改方法都执行，所以需要用到callback写法•return{}•}•render(){}.挂载阶段会执行一次•componentDidMount(){}2）更新阶段•staticgetDerivedStateFromProps(pro

qq_45422185·2023-11-18 21:43

uni-app 使用vscode开发uni-app

安装插件uni-create-view用于快速创建页面配置插件创建页面输入页面名称，空格，顶部导航的标题，回车自动生成页面并在pages.json中注册了路由pages\login\login.vuelogin需将div改为view安装插件uni-helper用于展示代码提示，支持更多代码快捷输入，添加语法提示等。安装插件uniapp小程序扩展用于鼠标悬停官方组件标签时，提示标签解析和官方文档的跳

朝阳39·2023-11-18 18:35

uniapp 中封装|使用 socket.io-client

要在uniapp中封装websocket，您可以使用uni-app插件市场中的socket.io-client插件。

DiuWang·2023-11-18 17:45

uni-app商品左右联动商品分类页面

整合代码如下注：不调用接口，待后期更新{{item.title}}{{item.title}}{{it}}exportdefault{data(){return{list:[{//商品数据title:'菜单1',list:['盖饭1','大白菜1','土豆1','西红柿1','辣椒1']},{title:'菜单2',list:['盖饭2','大白菜2','土豆2','西红柿2','辣椒2']},

前端-老刘·2023-11-17 14:25

小程序富文本解析(mp-html组件)

mp-html富文本组件是一个可以在多个主流小程序平台（如微信、QQ、百度、支付宝、头条和uni-app）和uni-app

皮皮灬虾·2023-11-17 12:28

【草料】uni-app ts vue 小程序如何如何通过草料生成对应的模块化二维码

一、查看uni-app项目1、找到路径可以看到项目从src-race-pages-group这个使我们目标的查询页面下面我们将这个路径copy到草料内2、找到进入页面入参一般我们都会选择onload()

CTRA王大大·2023-11-17 12:30

【uni-app】设置背景颜色相关

pages.json页面路由中，globalStyle设置"globalStyle":{"navigationBarTextStyle":"white","navigationBarTitleText":"uni-app

cc蒲公英·2023-11-17 09:46

uni-app：如何配置uni.request请求的超时响应时间（全局+局部）

5000},表示现在request请求响应时间最多位5秒方法二：局部设置响应时间一、直接在uni.request中写入属性timeout可参考官方文档：uni.request(param)@request|uni-app

雯0609~·2023-11-17 09:42

uni-app 108群二维码生成（二）

chat-set.vue{{detail.name}}{{item.name}}+{{detail.name}}{{nickname}}删除并退出importfreeNavBarfrom'@/components/free-ui/free-nav-bar.vue';importfreeAvatarfrom'@/components/free-ui/free-avatar.vue';

2019ab·2023-11-17 00:50

uni-app 入门教程 —— 项目创建及原生tabbar配置

uni-app是使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

ShopWind电商系统·2023-11-16 23:05

jQuery、vue、小程序、uni-app中的本地存储数据和接受数据是什么?

在这四个工具/框架中，Uni-app和微信小程序比较类似，因为它们都是为了实现跨平台开发而设计的。jQuery是一个快速、小巧且特性丰富的JavaScript库。

泡芙·草莓·2023-11-16 22:11

uni-app 蓝牙打印, CPCL指令集使用

,佳博,精臣多个厂家指令集使用文档)文件结构:├──App.vue├──CPCL指令手册.pdf//指令集参考手册├──LICENSE├──README.md├──libs│└──print.js//uni-app

无名前端小白·2023-11-16 14:00

从0到0.01入门 Webpack| 002.精选 Webpack面试题

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

ai_todo·2023-11-16 13:24

怎么在uni-app中使用Vuex 深度解刨

本文深入研究Vuex，一个Vue.js状态管理库。我们将介绍创建它是为了解决的问题、其背后的核心概念、如何设置它，当然，还将在每一步中使用代码示例。Vuex是一个由Vue团队构建的状态管理库，用于管理Vue.js应用程序中的数据。它提供了一种集中管理跨应用程序使用的数据的方式，并允许轻松的读写操作。为什么它?-VuexVue提倡将视图分解为组件。这些组件是可重用的Vue实例，可以接受数据、方法等。

云策数据·2023-11-16 11:09

Leadshop开源商城小程序源码 – 支持公众号H5

前端部分采用了uni-app、ES6、Vue、Vuex、VueRouter、VueCLI、Axios和ElementUI等技术。

软希源码·2023-11-16 05:29

uniapp使用高德地图二次开发h5（显示和搜索周边并拿到经纬度和地址名称等）

item.cityname}}{{item.adname}}{{item.address}}直线距离：{{item.distance}}米import{onLoad,onReady}from"@dcloudio/uni-app

爱技术爱游戏·2023-11-16 04:35

uniapp 实现微信小程序手机号一键登录

app和h5手机号一键登录，参考文档：uni-app官网以下是uniapp实现微信小程序手机号一键登录1、布局188****8888天翼账号提供认证服务本机号码一键登录其他登录方式我已阅读并同意外卖狮用户协议和隐私政策并使用本机号码登录

爱技术爱游戏·2023-11-16 04:27

uni-app之vuex

第一步：在uni-app(dome-text）项目下新建目录为store，接着在store下创建index.js文件。第二步：在index.js文件输入以下代码。

CUYG·2023-11-16 02:30

关于 uni-app 使用vuex （模块化）

关于uni-app如何使用vuex（模块化）第一步，先在一级目录创建store文件，然后创建一个index.jsimportVuefrom‘vue’importVuexfrom‘vuex’importtabblefrom

DJANDAB·2023-11-16 02:59

uni-app知识点(vuex+常用api+组件)

vuex使用vuex共有state、mutations、actions、getters、modules五个模块1.创建文件在项目根目录下创建store文件夹，在其内新建一个文件index.js，在index.js对vuex进行初始化。//导入vueximportVuexfrom'vuex'//导入VueimportVuefrom'vue'//使用VuexVue.use(Vuex)//导出Vuexe

smile.1·2023-11-16 02:59

uni-app中使用vuex

原文链接，为了防删，uni中可以使用vuex1、main.js同级创建store文件夹，再在文件夹里，创建index.js、getters.js、data.js2、在main.js中引入vueximportstorefrom'@/store'constapp=newVue({...store})app.$mount()3、index.js，注册vuex，并引入相关文件importVuefrom'v

quietness_1·2023-11-16 02:29

Uni-app登录态管理（vuex）

应用中，保持登录状态是常见需求，本文讲解使用uni-app框架时如何保持用户登录状态。

星月I随心·2023-11-16 02:29

uni-app使用vuex

第一步：在pages同级目录下新建目录store第二步：在main.js中引入并挂载store第三步：将以下代码复制到index.js中，即可正常使用//引用VueximportVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)//实例store对象conststore=newVuex.Store({state:{userInfo:{},},//mutati

以对_·2023-11-16 02:59

HbuilderX uni-app uview vuex 微信小程序开发记录

uni-app引入uView2.0的步骤第一步：在uni-app新建的项目中使用CMD下载uViewnpminstalluview-ui第二步：在main.js里引入和注册uView这两句代码需要在importVue

nelly521·2023-11-16 02:28

uni-app开发微信小程序使用vuex保存用户状态详细操作

uni-app开发微信小程序使用vuex保存用户状态详细操作uniapp项目根目录下创建store文件夹并新建index.js文件安装vuex并引入到该js文件npminstallvuex--save/

Sky_Bug·2023-11-16 02:27

怎么在uni-app中使用Vuex(第一篇)

Vuex简介vuex的官方网址如下https://vuex.vuejs.org/zh/阅读官网请带着几个问题去阅读：vuex用于什么场景？vuex能给我们带来什么好处？我们为什么要用vuex?vuex如何实现状态集中管理？Vuex用于哪些场景？组件之间的数据共享：当多个组件需要访问或操作同一数据时，可以使用Vuex进行集中管理。例如，在一个购物车页面中，多个组件需要对商品的数量、价格等信息进行操作

云策数据·2023-11-16 02:26

uni-app的showModal弹框只显示确认按钮，不显示取消按钮

遇到这个问题，问的度娘，搜到了友友发的贴，解决官网：uni.showModal({title:'提示',content:'这是一个模态弹窗',success:function(res){if(res.confirm){console.log('用户点击确定');}elseif(res.cancel){console.log('用户点击取消');}}});修改：uni.showModal({titl

杨天天.·2023-11-16 01:02

uni-app运行到微信小程序

也是靠度娘，看看帖子首先Hbuilder中，运行——运行到小程序——运行设置写入自己的微信开发者路径然后在微信小程序开发工具中，选择设置——安全设置开启服务端口这样就成了！这是微信小程序上的预览和真机调试为灰色按钮需要找到，Hbuilder中的manifest.json文件——微信小程序配置填入自己的微信小程序AppID这样就可以预览了！

杨天天.·2023-11-16 01:02

No210.精选前端面试题，享受每天的挑战和学习

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2023-11-16 01:47

Uni-App常用事件

Uni-App是一个跨平台的前端开发框架，支持多个平台的应用开发，包括H5、小程序、App等。在Uni-App中，有许多常用的事件可以用来处理用户交互、页面生命周期等方面的逻辑。

嘘~！·2023-11-16 00:30

uni-app 本应用使用HBuilderX 3.7.9 或对应的cli版本编译，而手机端SDK版本是 3.7.11。不匹配的版本可能造成应用异常

在manifest.json中配置如下："app-plus":{"compatible":{"runtimeVersion":"3.7.9",//运行版本"compilerVersion":"3.7.11"//编译版本},}

ღ张明宇࿐·2023-11-15 20:16

uni-app实现可滑动日历

效果：uni-calendar.vue{{cancelText}}{{okText}}{{(nowDate.year||'')+'/'+(nowDate.month||'')}}{{todayText}}{{nowDate.month}}{{SUNText}}{{monText}}{{TUEText}}{{WEDText}}{{THUText}}{{FRIText}}{{SATText}}-->i

蓝之静云·2023-11-15 20:14

uni-app之微信小程序权限判断

需求：微信小程序弹出权限询问前先弹出授权说明告知收集权限目的权限判断封装到PermissionManager.js文件中：constalbumTips="我们访问您的存储权限，为您提供使用与保存图片、视频、文件等服务。";constaudioTips="我们访问您的麦克风权限，为您提供发送语音、视频问诊等服务。";constlocationTips="我们访问您的位置信息，根据您的位置推荐最近医院

盛大人很低调·2023-11-15 20:12

uni-app打包后提示,本应用使用HBuilderX 3.4.15或对应的cli版本编译。解决方案

喵不可阉·2023-11-15 20:10

软件工程之uni-app技术调研

一、简介uni-app是一个使用vue.js开发跨平台应用的前端框架，由于它具备"编写一次代码可发布到多个平台"的特点，大大的节省了开发成本，极速提升了开发效率。

Sakura_小怪兽·2023-11-15 20:39

uni-app报错“本应用使用HBuilderX x.x.x 或对应的cli版本编译，而手机端SDK版本是x.x.x不匹配的版本可能造成应用异常”

uniapp开发的一个跨平台软件，在安卓模拟器上启动的时候报警告：官方给的解释：uni-app运行环境版本和编译器版本不一致的问题-DCloud问答解决办法有两个方法一：添加忽略警告的配置项目根目录下找到

1024小神·2023-11-15 20:38

【开题报告】基于uni-app的校园活动签到APP的设计与实现

1.选题背景与意义1.1选题背景随着校园活动的日益丰富多彩，学校和组织频繁举办各类活动，如讲座、比赛、社团活动等。而这些活动通常都需要进行签到管理，以便对参与人数进行统计、管理活动流程等。传统的纸质签到方式存在诸多问题，比如容易造假、效率低下、数据不易统计等，已经不能满足现代校园活动管理的需求。校园活动是丰富大学生课余生活的重要组成部分，而签到作为活动管理的必要环节，对于保障活动秩序、统计参与人数

加瓦程序设计师·2023-11-15 20:08

uniapp app 实现长按文字实现复制

注意：模拟器上没效果，我直接打了包安装就有效果了效果图：全局在app.vue-webkit-user-select:text;user-select:text;单个text标签文本复制text|uni-app

周zerlinda·2023-11-15 13:06

在 uniapp 中一键转换单位 (px 转 rpx)

在uniapp中一键转换单位px转rpxUni-app官方转换位置利用【px2rpx】插件`Ctrl+S`一键全部转换下载插件修改插件Uni-app官方转换位置首先在App.vue中输入这个：uni.getSystemInfo

YuZou 邹宇·2023-11-15 12:35

Uniapp插件开发

开发指南：https://ask.dcloud.net.cn/article/35428注意事项：https://ask.dcloud.net.cn/article/35139自定义组件模式和uni-app

丶笑看退场·2023-11-15 11:20

【uiapp】uni-icons的使用

小程序-uni-app：hbuildxuni-app安装uni-icons及使用_snowball_li的博客-CSDN博客

cc蒲公英·2023-11-15 08:42

推荐频道

uni-app修炼之路