uni-app源码系列第29页

uniapp+vue3+typescript+vite创建项目（超详细）

1.创建项目（大神一般都用命令创建吧，哈哈哈）更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/q

wyy爱学习·2023-11-05 07:15

uni-app学习--自定义组件

Vue.js的核心思想是数据驱动视图和组件化，组件是Vue非常重要的功能模块，其作用是拆分代码、代码复用等。简单概括，组件是一个单独且可复用的功能模块的封装。本章结合官方组件使用说明使用说明进行概括。使用组件的优势：可以将组件进行任意次数的复用。合理的划分组件，有助于提高应用性能。代码更加方便组织和管理，并且扩展性也更强，便于多人协同开发。组件化开发能大幅度提高应用开发效率、测试性、复用性等。在u

火乐暖阳85105·2023-11-04 22:21

uni-app中的数据绑定概念是什么？如何用它来实现页面和数据之间的交互？

Uni-app中的数据绑定是指将数据和页面元素绑定在一起，使数据的变化能够自动反映到页面上。这样可以实现页面和数据之间的交互，提高应用的用户体验。

米饭，℡·2023-11-04 22:19

uni-app DAY07

复习：1、uni-app中常用组件①内置组件：页面(page)、视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input

BlueMozeer·2023-11-04 22:16

uni-app修改组件数据后，组件页面数据不会重新渲染

uni-app修改组件数据后，组件页面数据不会重新渲染点击规格后，产品价格不会修改，但是在控制器中可以打印出来你修改的值试过给他重新赋值，但是会报错大致意思是通过props传递给子组件的数据，不能在子组件内部修改

学习路上的小刘·2023-11-04 22:46

uni-app webView组件使用

uni-app组件地址https://uniapp.dcloud.net.cn/component/web-view.html#web-view代码应用methods:{//用于接收@messageh5

脱了壳的小乌龟·2023-11-04 22:44

uni-app组件传值

目录一.父组件给子组件传值父组件:elementFather.vue子组件:element.vue效果图二.子组件给父组件传值子组件:element.vue父组件:elementFather.vue效果图三.兄弟组件之间传值a.vueb.vue父组件:elementFather效果图一.父组件给子组件传值在父组件elementFather.vue里面定义了title:"father!"在子组件中通

YFxiaogui·2023-11-04 22:13

uni-app首页开发以及组件

uni-app首页开发以及组件uni-app中的基本组件和微信小程序中的差不多。更适合在手机端的开发。

偶尔躲躲乌云_0·2023-11-04 22:11

uni-app 中如何实现数据组件间传递？

在uni-app中，实现数据组件间传递可以使用Props或Vuex。Props是一种组件通信的方式，通过向子组件传递数据来实现组件间的数据传递。

song19990524·2023-11-04 22:10

Android Studio 打包成 release的aar过程

一、前言接上次“uni-app中调用java代码中的方法全过程”中java代码打包的aar为debug模式打包，本次记录下打包成release的aar过程。

NaiveFox·2023-11-04 20:18

uniapp基础介绍

uni-app基础uniapp基础介绍一、uniapp项目的搭建（1）下载开发工具HBuilderX（2）创建uni-app项目（3）运行uni-app（4）发布uni-app二、UniAPP初始化相关配置

大牧师·2023-11-04 19:49

uniapp 还是mpvue好_使用uniapp从零开发一款视频小程序 (系列上准备工作篇)

扫码体验，先睹为快可以扫描下微信小程序的二维码，体验一下开发完毕的效果：开发前的准备目前开发小程序的常见开发方案：微信原生wxml开发，wepy，mpvue，taro、uni-app等

weixin_39943868·2023-11-04 18:14

uni-app 蓝牙通信

uni-app提供了蓝牙和低功耗蓝牙的api，和微信小程序提供的api是一样的，所以本文的讲解也适用于微信小程序。本文只实现蓝牙收发数据功能，至于样式，我懒得调~蓝牙相关功能我会逐步讲解。

德育处主任Pro·2023-11-04 14:50

uniapp中地图定位功能实现的几种方案

1.uniapp自带uni.getLocationuni.getLocation(options)@getlocation|uni-app官网实现思路：uni.getLocation获取经纬度后调用接口获取城市名优点

木易66丶·2023-11-04 13:00

Uniapp零基础开发学习笔记(11)-安装扩展组件uni-ui/uView及微信小程序开发环境

Uniapp零基础开发学习笔记(11)-安装扩展组件uni-ui/uView及微信小程序开发环境1.安装扩展组件uni-uiuni-ui是uni-app团队开发的官方扩展组件，比基础组件的能力更强更好用

zeng31403·2023-11-04 12:24

uni-app 微信小程序导航栏navigationBar 安卓不居中问题

1.直接去掉导航栏在界面里自定义导航栏在pages.json中style添加"globalStyle":{"navigationBarTextStyle":"white","navigationBarTitleText":"首页","navigationBarBackgroundColor":"#000000","backgroundColor":"#303133",//"app-plus":{/

Y_Hungry·2023-11-04 11:24

uniapp离线打包

基于uni-app的andiord离线打包开发工具及所需要的夹包1.AndroidStudio下载地址AndroidStudio官网2.HBuilderX下载地址这里HBuilderX版本也是用的3.2.9

@搬砖小能手·2023-11-04 09:35

uni-app 下载文件预览 + 保存自定义目录

作为使用uni-app的小白来说尝试了好几种方法终于得到了我想要的效果(如下)1.点击下载按钮(文件或者图片)2.预览：用户自定义选择查看的软件(图片在手机相册文件用其他打开预览)3.自定义存储的项目文件

微微一笑绝绝子·2023-11-04 05:42

uniapp表单提交，函数执行却显示undefined

uni-app的函数调用建议把括号去掉。

sd_zhao18·2023-11-04 05:35

vuex 源码：源码系列解读总结

前言vuex源码系列总共有9篇文章，主要围绕着vuex的state、getter、mutation、action和module来解读。

weixin_33884611·2023-11-04 04:37

uni-app请求Promise封装

//创建默认地址url常量constBASE_URL="http://localhost:8082"exportconstrequist=({url,method,data})=>{//returnpromise从而可以实现promise异步操作returnnewPromise((resolve,reject)=>{uni.request({//传入的url地址url:BASE_URL+url,/

散落_·2023-11-04 03:48

uni-app对微信小程序云函数的适配

引言熟悉uni-app的人应该都知道，uni-app并未对微信小程序云函数（本文统称云函数）进行相应的适配。但是，如果我们在某些业务场景的下需要使用云函数呢？

指尖魔法师·2023-11-04 01:25

仿网易云音乐小程序-uniapp

关于后端node后台网易云音乐Binaryify/NeteaseCloudMusicApi接口文档网易云音乐NodeJS版API参考项目本项目参考千锋uni-app框架实战网易云音乐项目并在其基础上做了优化解决榜单列表页与歌曲播

温情key·2023-11-04 00:35

（坑）uni-app自定义tabBar加全局拦截

今天在做自定义tabBar组件并且设置点击购物车和我的页面会进行拦截，判断是否登录的时候，出现了main.js中的自定义事件不会触发的情况，经过排查发现应该是事件名用到的关键字，改为navigateGo之后就可以正常使用了tabBar代码：{{item.text}}exportdefault{props:{currentPage:{type:String,default:'index'}},dat

以对_·2023-11-03 21:30

uni-app小程序循环多个video标签，播放同一视频

需求用户观看的历史记录，类似于bilibili的历史记录，点击进去就可以直接打开视频，所以通过循环标签来实现代码Bug通过接口返回的数组循环，绑定src属性，属性值item.lessonUrl，但是不管点击哪一个，播放的视频一直是同一个，但是查看dom节点发现src属性值是不一样的问题所在this.videoContext=uni.createVideoContext('myVideo',this

鸡汤辉·2023-11-03 18:28

UNI-APP开发微信小程序的基本流程

需提前准备的工具：HBuilderX，微信开发者工具一、申请微信小程序账号登录小程序官网，如已有账号，则直接登录。无账号，申请完账号后，进入账号填写相关信息，获取appId。获取appId：【开发-开发管理-开发设置】二、在HBuilderX中新建小程序模板【文件】-【新建】-【项目】：点击【manifest.json】，将微信小程序的配置信息填好：小程序可能太大，需要开启压缩。图片太大时，可使用

_欲与深蓝·2023-11-03 10:48

uni-app 应对微信小程序最新隐私协议接口要求的处理方法

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一，问题起因最新在开发小程序的时候，调用微信小程序来获取用户信息的时候经常报错一个问题failapiscopeisnotdeclaredintheprivacyagreement，api更具公告，是微信更新对应的隐私协议https://mp.weixin.qq.com/cgi-bin/announce?action=getannounce

林恒smileZAZ·2023-11-03 10:44

如何在uni-app小程序端实现长按复制功能

本文将介绍如何在uni-app小程序端实现长按复制功能。uni-app是一个跨平台的开发框架，可以基于vue.js语法开发小程序、H5、APP等多个平台的应用。

森呼吸。·2023-11-03 10:51

uni-app获取时间ios系统不兼容

原因为IOS系统只识别"/"不识别"-"，获取后台时间戳newDate(item.stopDate)无法获取数据，需要做处理newDate(item.stopDate.replace(/-/g,'/'))后即可获取正常数据

大食怪·2023-11-03 08:16

解决uni-app日期格式转换在ios兼容性问题

解决uni-app日期格式转换在ios兼容性问题高版本的ios展示'yyyy-MM-dd'会出现NaN-NaN-NaN出现兼容性问题newDate(date).Format("yyyy/MM/dd")/

秋叶原的琴音·2023-11-03 08:39

在uni-app中使用ECharts - 配置四种不同的图表

‍博主：小猫娃来啦‍文章核心：在uni-app中使用ECharts-配置四种不同的图表文章目录前言安装ECharts插件引入ECharts库创建Charts实例和图表容器配置和渲染图表配置柱状图配置折线图配置饼图配置散点图销毁图表实例前言在

小猫娃来啦·2023-11-03 08:36

uni-app 解决钉钉小程序日期组件uni-datetime-picker不兼容ios问题

最近在使用uni-app开发钉钉小程序，遇到一个ios的兼容性问题uni-datetime-picker组件在模拟器上可以使用，在真机上不生效问题文章目录1.不兼容的写法，`uni-datetime-picker

范特西是只猫·2023-11-03 08:33

uni-app学习笔记

uni-app学习笔记一、uni-app介绍[官方网页](https://uniapp.dcloud.io/resource)二、环境搭建三、利用HbuilderX初始化项目四、运行项目五、介绍项目目录和文件作用六

int_Q7·2023-11-03 04:59

uni-app基础知识

uni-app的基本使用基础部分：uni-app介绍[官方网页](https://uniapp.dcloud.io/resource)环境搭建利用HbuilderX初始化项目运行项目介绍项目目录和文件作用全局配置和页面配置通过

拔刀挽落英·2023-11-03 04:59

解决uni-app在H5端的跨域问题

问题报错截图：这是常见的前端浏览器跨域问题了解决方法修改manifest.json文件，新增H5的跨域配置（使用源码视图打开配置文件）//h5端跨域配置"h5":{"devServer":{"disableHostCheck":true,"proxy":{"/api":{"target":"http://xxxxxxxx","changeOrigin":true,"secure":false,"p

前端开心果·2023-11-03 04:29

uni-app项目目录介绍

1、index.html给网页开发提供的功能，提供模板2、pages页面文件夹static存放静态资源，如图片、视频；但不要放样式，因为脚手架是不会对这里面的样式进行编译3、APP.vue应用配置，用来配置APP全局样式以及监听。相当于微信小程序当中的app.js，可以放整个应用启动的时候所做的事情main.js整个项目代码的入口文件manifest.json配置应用名称、appid、logo、版

L_Meimei·2023-11-03 04:27

uni-app项目前端加前缀(包括页面及静态资源)

具体步骤参考：https://www.jianshu.com/p/f1fe5daa3a3cmanifest.json文件##位置如下："h5":{"title":"物业公告","router":{"mode":"history",//采用history模式URL的路径才跟配置的对应上，不然URL是先加/#再追加配置的地"base":"/1600bb2b33825000/"//在页面路由上加上该前缀

Slow菜鸟·2023-11-03 04:57

uni-app【项目搭建，项目运行】

目录uni-app的基本使用环境搭建利用HbuilderX初始化项目运行项目运行到浏览器运行到微信小程序**注意：**运行到真机页面结构介绍项目目录和文件作用页面开发规范全局配置和页面配置通过globalStyle

December_shi·2023-11-03 04:57

uni-app知识点整理（1）- uni-app简介、环境搭建、项目创建、项目目录文件

目录一、uni-app简介二、环境搭建1.1编辑器HbuilderX1.2微信开发者工具三、项目创建3.1创建项目3.2项目运行3.2.1浏览器运行3.2.2微信开发者工具里运行四、项目目录文件一、uni-app

JHY97·2023-11-03 04:57

uni-app学习历程（一）

最近项目方向朝着小程序方向发展，之前小程序使用的框架是mpvue，因为这个mpvue也停止维护了，原因懂得都懂可能以后面临着mpvue的项目跑不起来了，所以要有新的技术替代，这个uniapp就成了我们新的选择现在各种网页上，mpvue转换uniapp的方法很多，有的也很简单，也有专门的工具用来转换，但是比较简单的项目可以这样，如果真的有比较复杂而且需求比较特殊的一些项目，可能转化后，有一些方法和函

fire_candle·2023-11-03 03:57

苹果开发者中心如何上传构建版本

现在作为一个vue开发者，肯定希望试用vue也能开发app，而现在的uni-app就能帮我们完成这个任务，但是有个问题，就是当我们开发iosapp的时候，用hbuilder打包的ipa文件，需要上传到苹果开发者中心

yuxinaibiancheng·2023-11-03 02:22

uni-app导航栏+swiper，及处理滑动冲突

第一部分：swiper+顶部/底部导航栏实现这里的思想与安卓的fragment+viewpager是很类似的，用swiper作为左右滚动区间，联动tab导航栏，中间展示内容组件化整体布局导航栏部分大家可以自定义，我整个界面采用的是底部导航栏用position:fixed浮动，swiper部分的current注意是与tab的下标一致，并且注意swiper的高度一定要动态自适应，这个等下滑动冲突会讲到

此生唯一自传·2023-11-02 23:42

uni-app的使用和 vant weapp组件库的引用

简介uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

Flyfish2058·2023-11-02 23:54

uni-app怎么使用vant

uniapp有一个自带的ui框架，在创建项目的时候直接选择uniui的模板，这个模板用起来更方便，而且它可以直接使用，不用引入注册注意：如果是原生小程序建议用vantweappui框架uni-app建议用自带的

atpotos·2023-11-02 23:24

uni-app如何使用vant组件库

一、下载vant压缩包Releases·youzan/vant-weapp(github.com)二、在小程序根目录新建wxcomponents文件夹，把解压后的dist文件放入wxcomponents中，并改dist名为vant配置pages.json：或者：APP.vue引入全局样式：三、组件内使用

zzer17·2023-11-02 23:53

uni-app中使用vant注意事项

需要下载vant的weapp版源码，将dist目录复制到uniapp项目中，路径：项目/wxcomponents/vant引入后hbuilderx会自动给每个组件生成一个vue文件，但是会包一层uni-shadow-root，如果同时使用uni官方的组件且是通过easycom的custom使用的，则会冲突，需要将正则改为^uni-((?!(shadow-root)).*)如果报了vant的css错

soooyoung·2023-11-02 23:52

微信小程序和uni-app使用vant-weapp

原生微信小程序使用找到app.json文件，删除“style”:“v2”,这个特性。在开发工具右上角详情–本地设置--勾选使用npm模板在调试器栏中–终端–点击新建终端输入命令npminit(防止小程序不自动创建package.json)，出现需要输入的时候，回车10下输入npmi@vant/weapp-S--production等待完成后就多了一个node_modules的文件点击开发工具最上方

热心的web市民·2023-11-02 23:22

30分钟~使用uni-app框架-整合vant、nuxt

uni-app搭建项目1.通过HBuilderX可视化界面2.通过vue-cli命令行vuecreate-pdcloudio/uni-preset-vuemy-projectuni-app整合vant前言

marlen828·2023-11-02 23:21

uni-app中使用vant开发小程序

vant小程序版官方地址：https://github.com/youzan/vant-weapp许多人启动的时候会用浏览器调试小程序，需要用小程序模拟器来进行调试，否则会提示读不到node_modules中的数据安装方式一.通过npm安装(推荐)小程序已经支持使用npm安装第三方包，详见npm支持#通过npm安装npmi@vant/weapp-S--production#通过yarn安装yarn

Alan_Mrch·2023-11-02 23:47

uni-app小程序使用vant

步骤一：安装VantWeapp#通过npm安装npmi@vant/weapp-S--production#通过yarn安装yarnadd@vant/weapp--production#安装0.x版本npmivant-weapp-S--production步骤二：在根目录下创建“wxcomponents”文件夹步骤三：找到依赖node_modules/@vant/weapp/dist，复制dist文

令狐张豪·2023-11-02 23:46

推荐频道

uni-app源码系列