uniapp知识汇总

uniapp v-if和v-for优先级问题

在uni-app中，v-for的优先级高于v-if。这意味着在同时使用v-for和v-if的情况下，v-for会先执行。当v-if的判断条件依赖于v-for的内容时，可以在computed计算属性里先做好判断，过滤出符合条件的元素重新组成新的数组，然后在DOM里循环这个新的数组，就不需要加v-if的判断了。在computed里过滤的成本比v-if的成本低。在uni-app中，v-for的优先级高于
emma20080101·2024-02-07 11:14

uniapp 安卓使用uni.getLocation获取不到具体位置

参考文章：https://blog.csdn.net/qq_42143163/article/details/103681740uni.getLocation({type:'wgs84',success:ret=>{console.log(ret);uni.hideLoading();if(ret.address.poiName){that.address=ret.address.poiName;
神一样的队友·2024-02-07 09:33

uniapp 本地存储的方式

1.uniapp本地存储的方式  在uniapp开发中，本地存储是一个常见的需求。本地存储可以帮助我们在客户端保存和管理数据，以便在应用程序中进行持久化存储。
雪芽蓝域zzs·2024-02-07 09:38

uniapp 中this.$store状态管理的使用

1.在pages目录同级目录，也就是根目录下创建store目录2.store文件夹中新增一个index.js敲入一些学来的代码importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{userInfo:"",token:"",auth:"",},mutations:{SET_USERINF
CDialog·2024-02-07 09:08

如何使用 uniapp 开发（一）

1、下载hbuilderx编辑器https://www.dcloud.io/hbuilderx.html2、下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html3、使用hbuilder编辑器，开发微信小程序的时候需要借助微信开发者工具显示，所以需要如下配置：hbuilder编辑器左上角创建项
大浪淘沙1024·2024-02-07 09:07

uniapp 使用renderjs引入echarts

效果图：1.1renderjs引入echarts组件zmui-echarts.vue：exportdefault{name:'zmuiEcharts',props:{option:{type:Object,required:true}}}//使用renderjs就让app拥有类似有.HTML文件的环境能直接挂载.js的能力exportdefault{data(){return{timeoutId:
流氓也是种气质 _Cookie·2024-02-07 09:28

uniapp从入门到进阶

一、了解uniapp跨平台开发：Uniapp可以同时开发多个平台的应用，只需编写一套代码即可。开发者可以通过编写Vue组件来构建界面，通过编写JavaScript代码来实现业务逻辑。
前端fighter·2024-02-07 08:26

请用uniapp写一个音乐播放器 使用 slider组件控制audio组件的播放进度(播放)（暂停）（实时显示播放时长）（实时显示进度时长）

{{music.name}}{{isPlaying?'暂停':'播放'}}{{formatTime(currentTime)}}{{formatTime(totalTime)}}exportdefault{data(){return{audioId:'music',musicList:[{name:'音乐1',url:'https://atand.oss-cn-beijing.aliyuncs.c
王家视频教程图书馆·2024-02-07 07:25

uniapp打包ios成ipa文件

一、ios的id：苹果的id有三种类型：个人，公司型，企业型1、开发证书(三种开发账号都可以)、2、ad-hoc证书(三种开发账号都可以)：限定设备范围内的测试和内部分发3、企业证书(只有企业账号可以)：可以直接通过连接下载安装。不经过苹果验证4、AppStore证书(只要个人账号和公司账号可以)几类：必须发布到AppStore上上线才能下载二、ios的证书和描述文件ProvisionedDevi
Hannah_Hannah_·2024-02-07 06:15

十二个养生小知识汇总集（二十五）

一、孩子咳嗽，这几点注意事项家长一定要知道儿童平时生病时，咳嗽是很常见的症状，家长们在遇到这种情况时，要注意以下几点饮食上的注意事项，防止咳嗽加重或者病程延长：一、不能吃花生、瓜子、巧克力等因为这些食物含有较多的油脂，会引起痰液滋生，令咳嗽加重二、不能吃冷、酸、辣、甜的食物因为这些东西会对喉咙造成刺激，令咳嗽加重，并且这些刺激性的东西会让痰不容易咳出三、不能吃补品咳嗽未愈时应停服补品，以免补品留邪
营养师茶茶·2024-02-07 05:51

uniapp+uView 【详解】录音，自制音频播放器

效果预览代码实现//创建对象--录音机constrecorderManager=uni.getRecorderManager();//创建对象--录音constaudio=uni.createInnerAudioContext()importBreathingfrom"../components/breathing.vue";exportdefault{components:{Breathing,
朝阳39·2024-02-06 21:51

基于微信小程序的大学生党务学习平台的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:45

基于微信小程序的大学生校园兼职的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:45

基于微信小程序的超市售货管理平台的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:15

案例281:基于微信小程序的国产动漫论坛管理系统

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:14

uniapp设置不显示顶部返回按钮

一、pages文件中，在相应的页面中设置"titleNView":{"autoBackButton":false}二、对应的页面文件设置隐藏元素document.querySelector('.uni-page-head-hd').style.display='none'
前端（从入门到入土）·2024-02-06 18:27

SpringCloud SpringBoot uniapp vue b2b2c 微服务 多商家入驻直播带货商城 电商之2.0 Zookeeper 安装配置

2.0Zookeeper安装配置分类Zookeeper教程Linux安装zookeeper下载地址为:https://zookeeper.apache.org/releases.html。选择一稳定版本，本教程使用的release版本为3.4.14，下载并安装。打开网址https://www.apache.org/dyn/closer.lua/zookeeper/zookeeper-3.4.14/
企业软件定制·2024-02-06 18:35

当前小程序跳转另一个小程序

原生小程序：wx.navigateToMiniProgram()：参数值：appId要打开的小程序appIdpath要跳转小程序的路径uniapp小程序：uni.navigateToMiniProgram
前端小凯·2024-02-06 11:50

PHP基础知识汇总

基础知识汇总PHP篇echo、print、print_r、var_dump区别echo和print是语言结构、print_r和var_dump是普通函数echo：输出一个或多个字符串print：输出字符串
北航程序员小C·2024-02-06 07:00

在uniapp中获取微信小程序状态栏和导航栏的高度

下面是一个示例代码，展示如何在UniApp中获取顶部图标距离：uni.getSystemInfo({success:(res)=>{//获取手机顶部状态栏的高度conststatusBarHeight=
swoole~·2024-02-06 07:48

uniapp小程序实现轮播图开屏页

在小程序开发中，使用uniapp框架可以快速实现多端适配，极大地方便了开发者的工作。下面，本文将介绍如何使用uniapp框架来实现开屏轮播图广告的功能。
swoole~·2024-02-06 07:48

uniapp小程序实现图片开屏页

在小程序开发中，使用uniapp框架可以快速实现多端适配，极大地方便了开发者的工作。下面，本文将介绍如何使用uniapp框架来实现开屏图片广告的功能。
swoole~·2024-02-06 07:48

uniapp的api用法大全

页面生命周期APIuniApp中的页面生命周期API可以帮助开发者在页面的不同生命周期中执行相应的操作。
前端fighter·2024-02-06 06:07

【VUE】UniAPP之uview组件库，自定义tag封装，支持添加u-icon图标

组件代码{{props.text}}import{defineProps}from'vue'constprops=defineProps({text:{//显示文本type:String,default:'自定义33'},color:{//颜色主体颜色type:String,default:'red'},mode:{//lightdark/plaintype:String,default:'lig
孑然R·2024-02-06 06:36

uniapp踩坑之项目：简易版不同角色显示不一样的tabbar和页面

1.pages下创建三个不同用户身份的“我的”页面。显示第几个tabbar，0是管理员1是财务2是司机2.在uni_modules文件夹创建底部导航cc-myTabbar文件夹，在cc-myTabbar文件夹创建components文件夹，在components文件夹创建cc-myTabbar.vue组件3.在utils文件夹创建tabBar.js4.pages.json里指定路径5.在单页面引入
意初·2024-02-06 06:35

uniapp android和微信小程序如何实现PDF在线预览

我是咕噜铁蛋，UniApp在开发移动应用时提供了跨平台的解决方案，能够同时支持Android和iOS系统，而微信小程序则是一种轻量级的应用形式，可以在微信内直接运行。
咕噜签名-铁蛋·2024-02-06 05:51

【uniapp】公众号h5端配置代理解决跨域问题

1、hbuilder内置浏览器不存在跨域问题，如果是普通web页面，可以使用hubilder内置浏览器调试2、但，微信公众号h5端只能用【微信开发者工具-公众号网页项目】调试，所以这里我们可以配置proxy代理来解决跨域问题首先需要在调用的接口前面统一配置一个基础前缀，例如在config.js中设置basePrefixUrl:'/dev-api'，之后在request请求的接口前面拼接上baseP
百香果果ccc·2024-02-06 05:16

uniapp之tab切换

{{item.name}}exportdefault{data(){return{tabIndex:0,tabList:[{name:"电器"},{name:"衣服"},{name:"百货"},{name:"电脑"}]}},methods:{testTabClick(index){console.log(index)this.tabIndex=index}}}.tab-box{display:fl
黑猫大人-魏盛楠·2024-02-06 04:05

uniapp 之 base64转临时地址播放mp3

需求是：进入页面的时候是先有背景音乐，发送问题请求回答的时候会返回文字和音频，前端要把音频读出来，并且把背景音乐停止，读完音频后再打开背景音乐一开始用的直接base64直接拼接在地址后真机放不了constinnerAudioContext=wx.createInnerAudioContext();innerAudioContext.src='data:audio/mp3;base64,'+请求获取
jiojio在学习勒·2024-02-06 02:29

hello uniapp模板的page.json配置easycom出现空白

查阅资料（参考地址：uniapp微信小程序系列（2）pages.json实用配置详解_黄泽平的博客-CSDN博客）传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。
尘埃里的玄·2024-02-06 01:21

uniapp 项目请求接口千万别写死

我接手我徒弟的项目发现有一个请求接口是写死的。比如这种config.baseUrl='https://www.test1.cn'/这样写虽然没有问题，但是如果遇到上传或下载接口而且每个文件都有这么多文件都写死不利于维护。下面我优化的是这样新建一个config/index.js引入方法'@/config'然后在main.js全局注册上传或下载接口那边引入的方法是this.$VUE_APP_API_U
可口可乐Vip·2024-02-05 16:42

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

vue2代码type:'center',msgType:'success',messageText:'这是一条成功提示',value:''vue2的调用方法this.$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText=ref('这是
可口可乐Vip·2024-02-05 16:07

uniapp中使用EelementPlus

uniapp的强大是非常震撼的，一套代码可以编写到十几个平台。这个可以在官网上进行查询uni-app官网。主要还是开发小型的软件系统，使用起来非常的方便、快捷、高效。
故里2130·2024-02-05 15:16

uniapp中配置开发环境和生产环境

uniapp在开发的时候，可以配置多种环境，用于自动切换IP地址，用HBuilderX直接运行的就是开发环境，用HBuilderX发布出来的，就是生产环境。
故里2130·2024-02-05 15:46

uniapp网络请求封装及简单使用

//http.js//设置正式环境和测试环境的服务器地址constPRODUCTION_URL='http://testapi.xuexiluxian.cn/api';//生产环境constTEST_URL='http://testapi.xuexiluxian.cn/api';//测试环境//是否启用正式环境，默认为trueletuseProduction=true;functiongetBas
来之梦·2024-02-05 12:15

Android电动汽车充电服务vue+uniAPP微信小程序

本系统利用SSM和Uniapp技术进行开发电动汽车充电服务系统是未来的趋势。该系统使用的编程语言是Java，数据库采用的是MySQL数据库，基本完成了系统设定的目标，建立起了一个较为完整的系统。
QQ_402205496·2024-02-05 11:37

FastAdmin西陆二手交易系统

应用介绍一款基于Uniapp+FastAdmin+ThinkPHP开发的二手交易系统，卖家可以发布二手信息，买家可以在线询价，支持在线聊天(高级授权)，在线购买支付，支持发布高价回收(高级授权)信息。
qq_24610005·2024-02-05 08:14

FastAdmin西陆房产系统(xiluHouse)全开源

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆房产管理系统，支持小程序、H5、APP；包含房客、房东(高级授权)、经纪人(高级授权)三种身份。
qq_24610005·2024-02-05 08:14

FastAdmin西陆教育系统(xiluEdu)开源代码

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆教育系统（微信小程序、移动端H5、安卓APP、IOS-APP），以下是教育系统所包含的一些功能：视频课程：教育系统提供在线视频课程
qq_24610005·2024-02-05 08:44

uniapp android和微信小程序实现PDF在线预览

在使用uniapp开发移动端时，微信开发者工具里webview能正常打开后端接口返回的pdf文件流。
FinelyYang·2024-02-05 07:23

uniapp /微信小程序 使用map组件实现手绘地图方案

获取地图范围点图拾取坐标-地图开放平台|腾讯位置服务获取需要手绘地图左下角和右上角GPS坐标以北京故宫为例：截取需要手绘地图进行手绘地图制作素材处理由于地图素材文件比较大，小程序又限制包大小{console.log("显示成功",southwest,northeast)},fail:(e)=>{console.log("显示失败",e)}})效果素材模糊处理方案采用大分辨率素材，并将素材裁剪成M*
he_wen_jian·2024-02-05 05:36

GitHub的使用技巧

在github里面我们不仅可以搜到我们想要的轮子，而且还能搜多很多开源的项目，以及一些知识汇总等等好玩有趣的东西。
读书的鱼·2024-02-05 05:19

uniapp多个页面引用组件，如何操作呢？

目录前言1.方法一：使用vue引入①div文件②Javascript中③css样式④引入的vue文件2.方法二：使用json引入①div文件②Javascript中③css样式④json中的文件内容总结小点：前言由于多个地方需要使用选择民族组件，所以以民族组件来举例子1.方法一：使用vue引入创建一个vue文件，将所需要的功能写在vue中,引用到需要使用的文件中进行操作①div文件
秃头馒头·2024-02-05 01:51

校园墙表白墙系统uniapp微信小程序

配置文件(自动编号、配置参数名称、配置参数值)；前端开发:vue语言：java+python+nodejs+php均支持运行软件:idea/eclipse/vscode/pycharm/wamp均支持框架支持:Ssm/django/flask/thinkphp/springboot/springcloud均支持数据库mysql数据库工具：Navicat等小程序端运行软件微信开发者工具/hbuide
QQ_402205496·2024-02-04 19:40

uniapp获取元素位置：top、bottom、left、right

//在你的Vue组件中exportdefault{methods:{getElementPosition(){//使用uni.createSelectorQuery创建选择器查询实例constquery=uni.createSelectorQuery().in(this);//获取元素的位置信息query.select('.your-element-class')//替换为你要获取位置信息的元素类
狮子座的程序员·2024-02-04 17:23

Android志愿者活动报名服务系统uniapp 微信小程序

本课题研究的是基于SSM框架安卓平台下的志愿者服务app，开发这款志愿者服务app主要是为了帮助用户可以不用约束时间与地点进行查看活动信息进行活动报名及对活动评价。本文详细讲述了志愿者服务app的界面设计及使用，主要包括界面的实现、控件的使用、界面的布局和异常的处理等内容，将准确的志愿者服务app呈现给用户。关键词：志愿者服务app；Hbuildex开发工具；SSM框架前端开发:vue小程序端运行
QQ188083800·2024-02-04 14:12

微信小程序uniapp+vue毕业设计选题管理系统

管理员模块（做后台，用vue+springboot即可，该模块用网页做）1.登录：该模块根据数据库中的信息判断账号密码是否正确，如果不正确提示错误原因，正确则进入管理员的主页面。2.用户管理：在后端管理教师和学生的基本信息，能对基本信息进行增删改查，在修改的时候只修改自己需要的某一项。（基本信息：1.学生：学生学号、姓名、密码、所在班级、班主任、所在学院、手机号、性别、所学专业2.教师：教师号、教
QQ188083800·2024-02-04 14:12

微信小程序vue信用卡管理系统uniAPP程序

人们为了能够更加方便地管理信用卡，信用卡APP管理系统被人们开发出来从而更好地方便管理信用卡，一个完美的信用卡APP管理系统已经成为各个银行的追求目标。本系统利用VUE+SSM技术进行开发信用卡APP管理系统是未来的趋势。编程语言使用的是流行安全性高的Java，数据库利用的是关系型数据库MySQL，基本完成了系统设定的目标，建立起了一个较为完整的系统。系统的特点是简单方便操作，管理员能够轻易进行管
QQ188083800·2024-02-04 14:12

uniapp实现微信小程序吸顶效果

当我们页面滑动到一定位置的时候，让这个组件固定，之后再滑动到一定位置时候，回归原页面，还有点击立即到最顶部效果如果是移动端的话，可以用一个position:sticky;不过要考虑兼容性uniapp怎么做呢
进阶的巨人001·2024-02-04 13:54

uniapp开发一个交流社区小程序

uniapp开发一个交流社区小程序假期的时候简单学了一下uniapp，想开发一款类似百度贴吧的交流社区来练练手。本篇文章主要记录开发过程，文末附上项目地址。主要需要开发以下几个页面。
小小城序员·2024-02-04 12:47
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他