UNI-APP 第23页

uni-app HTML5 History 模式

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。如果不想要很丑的hash，我们可以用路由的history模式，这种模式充分利用history.pushStateAPI来完成URL跳转而无须重新加载页面。constrouter=newVueRouter({mode:'history',routes:[...]})当你使用his

记忆哪里去了·2023-11-20 16:59

移动端表格分页uni-app

使用uni-app提供的uni-table表格网址：https://uniapp.dcloud.net.cn/component/uniui/uni-table.html#%E4%BB%8B%E7%BB

愿➣·2023-11-20 13:16

包含Uniapp单聊思路，单群聊集群

Uniapp插件市场【全新UI功能3.0】腾讯IM即时通讯+视频聊天（APP、小程序、H5）三端通用代码思路文章uni-app小程序实现微信在线聊天功能(私聊/群聊)纯思路文章uniapp小程序怎么实现聊天功能

東方幻想郷·2023-11-20 01:59

uni-app动态获取数据，级联选择器来显示

import{categorySelect}from'@/api/xxx/index.js'exportdefault{data(){return{form:{category:0,},categoryTree:[],value:1,sourceOptions:[{value:'1',text:'xx',},{value:'2',text:'xx',},{value:'3',text:'xx',}

愿➣·2023-11-20 00:09

HbuilderX打包APP

HBuilderX状态栏左侧的未登录按钮，弹出登录的对话框：2、在弹出的登录对话框中，填写账号和密码之后，点击登录即可：3.打开项目根目录中的manifest.json配置文件，在基础配置面板中，获取uni-app

愿➣·2023-11-20 00:09

uni-app 清除计时器的问题

在我们项目开发的过程中，经常会做诸如倒计时，浏览页面15秒自动签到或者自动领取福利，此时我们肯定会用到计时器setInterval但是一定要及时清掉计时器，要不很容易让我们逻辑混乱，我再项目开发中就遇到了这个问题，就是当我跳转到其他页面的时候，这个计时器的方法还在执行，这样我们会在其他页面莫名其妙的有个弹框，然后我在生命周期onUnload中直接清掉计时器就好啦onUnload(){clearIn

weixin_46926120·2023-11-20 00:54

vue，uni-app倒计时公共组件封装，倒计时组件

vue，uni-app倒计时公共组件封装，倒计时组件倒计时的组件做项目的时候用的比较多，记录一下免得每次重新造轮子1.封装公共组件公共组件内容{{tipText}}{{day}}{{dayText}}{

奔跑的搬运工·2023-11-20 00:54

uni-app（15）— uni-app中组件的创建以及组件的生命周期函数

此文为uni-app总结笔记（15）—uni-app中组件的创建以及组件的生命周期函数uni-app中组件的创建在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过

tiffany_kim·2023-11-20 00:52

uni-app活动倒计时功能

效果图实现原理：后端会给一个截止时间，前端获取当前时间，都转成时间戳，然后相减获得相差时间戳，然后转成天、小时、分钟、秒，通过定时器让他动起来就OK了。（需要注意的点是，当倒计时到达0的时候需要清除定时器。）上代码冬日温暖礼盒距活动结束{{wishingDays}}天{{wishingHours.toString().substr(0,1)}}{{wishingHours.toString().s

平头的春天丶·2023-11-20 00:51

uni-app - javaScript - vue2 计时器（倒计时和正计时）

正计时1.在data里面定义data(){return{time:'00:00:00',timer:'',hour:0,minutes:0,seconds:0}},2.页面按钮开始计时{{time}}暂停3.开始计时//开始计时begin(){this.timer=setInterval(this.startTimer,1000);},startTimer(){this.seconds+=1;if

阿金敲代码·2023-11-20 00:19

uni-app项目中实现录音管理器(recorderManager)

项目场景：通过微信小程序进行录音上传到服务器端进行分析诊断,得出设备发生故障的原因.问题描述使用uni-app实现声音的采集以及回放和上传等功能,并且用户可以自定义录制时长(录制时长有上限和下限)效果展示原因分析

妍华之喜·2023-11-20 00:18

uni-app 中文档阅读倒计时

文章很长，文章下面的倒计时按钮，倒计时的时候不能点击，倒计时结束，按钮能点击的效果倒计时事件//按钮的倒计时countdown(){constthat=this//修改倒计时时间这里写了10sthat.time=10constfn=setInterval(function(){//每一秒自减一that.time--if(that.time==0){//这里的kg是用来判断显示什么按钮的，在data

KLW75·2023-11-20 00:17

在Uni-app中实现计时器效果

本文将介绍如何在Uni-app中使用Vue.js的计时器功能实现一个简单的计时器效果。首先，我们需要创建一个包含计时器的组件。

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

Git删除指定文件的所有记录和版本

场景再现uni-app开发需要在移动设备上安装“自定义基座”，充当容器作用，方便开发调试。

闰土月下追猹·2023-11-19 22:51

使用webview实现小程序本地文件上传

lj深·2023-11-19 17:10

uni-app swiper设置自定义高度

大家可以在uni-app官网上看到swiper高度是默认100%，而swiper-item则是要有固定宽高的，要的效果是什么呢？

前端菜鸡儿126·2023-11-19 12:47

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

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

ai_todo·2023-11-19 11:52

uni-app(微信小程序) 根据小程序页面路径（可带参数）生成二维码、分享码

小程序的官方文档有生成小程序码的API微信官方文档小程序看文档点这里第一个获取小程序码，就是根据你要通过二维码打开的页面路径生成一个小程序码，且这个小程序码是永久的其实文档内也说明了，很少用到。即使需要生成这样的小程序码，可以去微信公众平台的小程序管理后台生成，还方便。重点说如何使用获取不限制的小程序码（我的使用场景是uniapp的框架，微信小程序根据用户ID生成分享码，并与被分享者建立关系，所以

double_Fly_·2023-11-19 09:40

uni-app开发踩坑集合(会持续更新)

uni-app官网指路uni-app开发中的坑1.无法覆盖uni-app提供的组件的样式直接重写样式会发现并不生效编译到H5如果要重置组件样式使用>>>.className{width：xxx}scss

二营长家的张大炮·2023-11-19 05:34

血泪合集，uniapp超长实践精华总结~

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到i

oil欧哟·2023-11-19 03:18

小程序获取服务器的表单信息,小程序通过模版消息获取拿不到formid了,需通过订阅消息...

uni-app小程序通过订阅消息推动服务消息2020.09.11以往的做法,需要使用表单提交formid,然后下发模板消息,现在通过微信小程序的「订阅消息」触发推送消息机制.submit复制代码结果微信开发工具报错

fcpowerup·2023-11-19 03:18

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