【uni-app】

uni-app使用vue语法进行开发注意事项

目录uni-app项目目录结构生命周期路由路由跳转页面栈条件编译文本渲染样式渲染条件渲染遍历渲染事件处理事件修饰符uni-app项目目录结构组件/标签使用（类似）小程序语法/结构使用vue具体项目目录如下
码农键盘上的梦·2023-08-10 22:31

uni-app 分段选择器组件

父组件v.title)"style-type="text":active-color="activeColor"@clickItem="onClickItem">//只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用//引入//importcoshebaoviewfrom"../../compone
威_3100·2023-08-10 18:28

uni-app微信小程序开发自定义select下拉多选内容篇

分享-2023年资深前端进阶：前端登顶之巅-最全面的前端知识点梳理总结*分享一个使用比较久的技术框架公司的选型：uni-app+uni-ui+vue3+vite4+ts需求分析：微信小程序-uni-ui内容1、创建一个自定义的下拉，支持多个内容的同时多选2、定义好出入参数，支持回显内容等3、绑定对应的v-model数据响应1、代码信息{{item}}0">+{{checkList.length-m
SunnyRun！·2023-08-10 03:36

自己动手写一个移动端日期选择器组件

文章目录背景效果演示思路实现1.picker-view实现基础交互2.年月日动态配置以及支持最大最小日期3.支持不同日期模式背景本文写的组件是基于uni-app框架下的，但是其实框架不重要，思路都是一样的
Dandelion_drq·2023-08-09 15:41

uniapp切换路由监听导航跳转（在监听网络状态时非常常用）

在实时监听网络状态的时候我们切换页面经常会用到此场景1.首先在uni-app项目中的App.vue文件中添加以下代码注意：监听页面跳转变化要写在onLaunch方法里面//注意要写在App.vue文件的
爱吃鱼的酱酱仔·2023-08-09 15:34

uni-app中uni-ui组件库的使用

它是基础组件的补充特点高性能（自动差量更新数据，优化逻辑层和视图层通讯折损，背景停止）全端风格扩展与uniCloud协作与uni统计自动集成实现免打点uni-ui符合全套DCloud组件规范使用在HBuilderX新建uni-app
是张鱼小丸子鸭·2023-08-09 14:15

HBuilder X开发uni-app项目如何使用mumu模拟器调试。

1、到mumu官网下载并安装模拟器并记住安装路劲，后面设置adb有用。2、打开mumu设置，找到开发者选项打开USB调试。3、打开HBuilder开发工具，依次选择菜单运行->运行到手机模拟器->Android模拟器端口设置设置adb路径，未MuMu安装目录下./emulator/nemu/vmonitor/bin/adbserver.exe（不要复制，请自定手动浏览选择！--||）设置Andro
AgnesRbaby·2023-08-09 13:44

uni-app打包的注意点（uni-app，alpha的打包指定路径）

首先说一句，凡是看文档！凡是看文档！凡是看文档！在配置服务器的nginx的时侯，有时候需要给静态资源加入前缀，如："/doc"，路径。这个时侯使用的是vue-cli，所以你会去改vue.config.js的文件，改完之后你会发现没什么鸟用。官方也给出答案说没什么用的。其实官网已经给出答案了。修改后的结果就会发现成功了。我这么辛苦写文档，麻烦点个赞，谢谢哒
姚*鸿的博客·2023-08-09 11:08

uni-app + uView学习笔记2

新建项目，引入uView新建项目u-shop，选择默认模板，vue2使用插件安装sass(scss)、uView在main.js中引入uView主JS库importuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)在uni.scss中引入uView的全局SCSS主题文件@import'@/uni_modules/uview-ui/theme.scss';
GalenZhang888·2023-08-09 10:34

01-uni-app的基本使用

https://uniapp.dcloud.net.cn/视频：https://ke.qq.com/course/3169971#term_id=103296764基础部分：环境搭建页面外观配置数据绑定uni-app
wqjcarnation·2023-08-09 09:35

微信小程序的项目解构

视频链接黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili接口文档https://www.escook.cn/docs-uni-shop
牧杉-惊蛰·2023-08-09 09:14

uview安装配置 在 uni-app中

先安装uview（）如果项目中没有package.json就先安装这个npminit//安装npminstalluview-ui安装scss这个通过hbuilderx插件商城配置就行引入//main.jsimportuViewfrom"uview-ui";Vue.use(uView);引入theme.scss在项目的根目录中的uni.scss文件中引入（引入错误的话会报错）@import'uvie
RxnNing·2023-08-09 08:31

安卓第三方SDK打包成uni-app插件

androidstudio版本和环境配置androidstudio2021.1.1gradle-6.5->classpath'com.android.tools.build:gradle:4.1.1'参考uniapp使用安卓原生插件（包含插件带第三方jar）_执拗的小豆芽的博客-CSDN博客_uniapp原生插件导入下载的项目UniPlugin-Hello-AS下载Android离线SDKhttp
qq_31819445·2023-08-09 08:20

uni-app正确连接Websocket

uni-app框架websocket测试发现：【APP端无法点击返回上一个页面关闭websoket连接】解决方案：前端代码如下点击发送请求离开页面exportdefault{onLoad(){//进入这个页面的时候创建
杏仁露Zy·2023-08-09 08:21

uni-app使用本地文件在移动端长久存储数据

解决方案uni-app框架中使用plus.io.requestFileSystem技术完成数据在手机端的持久化处理。
田秋浩·2023-08-09 08:07

小兔鲜项目 uniapp （1）

目录项目架构uni-app小兔鲜儿电商项目架构小兔鲜儿电商课程安排创建uni-app项目1.通过HBuilderX创建2.通过命令行创建pages.json和tabBar案例uni-app和原生小程序开发区别用
前端 贾公子·2023-08-09 07:52

【uniapp 小程序开发语法篇】资源引入 | 语法介绍 | UTS 语法支持(链接格式)

博主：_LJaXiOr東方幻想郷专栏：uni-app|小程序开发开发工具：HBuilderX小程序开发语法篇引用组件easycomJs文件引入NPM支持Css文件引入静态资源引入css引入静态资源如何引入字体图标
東方幻想郷·2023-08-09 07:19

uni-app实现登录功能之一

用户登录场景用户登录是一个常见的场景，在应用程序中起到关键的作用。下面是几个常见的用户登录场景：应用程序初始登录：当用户第一次打开应用程序时，需要输入用户名和密码进行登录。会话保持：在用户已经登录的情况下，当用户关闭应用程序并重新打开时，可以自动使用之前保存的用户信息进行登录，无需再次输入用户名和密码。账号切换：应用程序可能支持多个账号登录，用户可以选择切换不同的账号进行登录。例如，电子邮件客户端
前端布道人·2023-08-09 02:42

uni-app h5 添加大量文本是支持换行的，比如：协议文本

文本文本文本文本把全部文本（包括换行）复制，然后放在标签内，会显示出换行效果
日晞·2023-08-08 17:15

uni-app离线打包高德地图导入android studio不能正常显示

本人使用的uni-appSDK版本：[email protected]_202307041.导入以上文件，依赖已经自动添加了2.确保这个正常引入3.修改AndroidMainifest.xml,添加自己的密钥
LLM丶星·2023-08-08 15:16

uni-app获取设备底部安全区高度，解决自定义底部tabBar导航安全区高度问题

//app.vueonLaunch:function(){constresult=uni.getSystemInfoSync();this.globalData.safeareaHeight=result.screenHeight-result.safeArea.bottom;}//components/menu.vue导航一导航二导航三导航四constapp=getApp();exportdef
Cola_Mr·2023-08-08 14:27

uni-app:实现点击按钮出现底部弹窗（uni.showActionSheet+自定义）

一、通过uni.showActionSheet实现底部选择效果代码点击打开弹窗exportdefault{methods:{showActionsheet(){uni.showActionSheet({itemList:['选项1','选项2','选项3'],success:(res)=>{console.log('选择了第'+(res.tapIndex+1)+'个选项');},fail:(err
雯0609~·2023-08-08 07:01

uni-app:获取url路径中的数组参数（onshow中获取）

A页面select_stockid(){constselectedListOld=JSON.stringify(this.list_stockid);constencodedParam=encodeURIComponent(selectedListOld);uni.navigateTo({url:`../select_stockid/select_stockid?selectedList_old=
雯0609~·2023-08-08 07:30

uni-app:实现数字文本框，以及左右加减按钮

效果代码数量*-+exportdefault{data(){return{quantity:1};},methods:{handleInput(event){constvalue=parseInt(event.target.value);if(!isNaN(value)&&value>=1){this.quantity=value;}else{this.quantity=1;}},increase
雯0609~·2023-08-08 07:30

uni-app 封装$myRequest 挂载到全局

api.jsconstBASE_URL="http://api-hmugo-web.itheima.net/"//定义常量方便后期切换exportconstmyRequest=(options)=>{returnnewPromise((resolve,reject)=>{uni.request({url:BASE_URL+options.url,method:options.method||"GE
德德de_前端攻城狮·2023-08-08 04:28

uni-app 代码

目录结构一个uni-app工程，默认包含如下目录及文件：┌─common用于存放一些通用的js/css/less/scss│─cloudfunctions云函数目录（阿里云为aliyun，腾讯云为tcb
李霖弢·2023-08-07 21:10

自己动手写一个移动端日期选择器组件

背景本文写的组件是基于uni-app框架下的，但是其实框架不重要，思路都是一样的。
Dandelion_drq·2023-08-07 19:16

uniapp小程序高德地图实时定位

自测成果图以下：其中使用了map组件map|uni-app官网map组件默认为腾讯地图。我这里也是腾讯地图的“身子”，但是使用的是高德的“脑袋”。1.先进入高德地图开发平台创建key。
m0_45305745·2023-08-07 19:03

uni-app的基本语法和规范

生命周期函数image.png子组件传递的数据{{num}}样式点击$event点击页面刷新发送数据请求异步设置存储异步获取存储异步移除存储同步设置数据存储上传图片跳转详情页面跳转tabar页面跳转（没有箭头返回）编程导航，点击跳转编程导航，跳转taber页面编程导航，跳转详情，关闭当前页面在h5可见（条件编译）在小程序中可见（条件编译）//引入一个组件importtestfrom'../../c
五四青年_4e7d·2023-08-07 18:56

记录uni-popup-dialog的input模式下，软键盘自动弹出的问题

在使用uni-app开发微信小程序的时候，使用了uni-popup和uni-popup-dialog的input模式，查看官方提供的接口，发现没有修改聚焦的接口，于是修改了uni-popup->components
猜火车丶·2023-08-07 14:01

Uniapp + Vue3 + TS 搭建基础项目

主要用到相关技术：uni-app相关/vue3/typescript/axios/sass/eslint/prettier下面直接开始从头开始搭建一个可用的初始项目~如果"需求紧急"可以参考底部的GitHub
硅谷干货·2023-08-07 07:53

用uni-app写一个使用高德地图的微信小程序

目录参考文档一、准备工作1、申请小程序key2、微信公众平台配置合法域名3、配置mainfest.json4、使用到的微信小程序插件，基础类二、开发中遇到的问题1、无效的app.json["requiredPrivateInfos"]2、https://restapi.amap.com不在以下request合法域名列表中4、去掉logo（不建议）5、指定路线模拟器可以画出来，真机不显示三、部分功能
ypopple·2023-08-07 06:43

基于Vue+uniapp微信小程序项目申报管理系统

所以都会用uniapp框架开发uni-app框架：
bishe929·2023-08-06 20:50

Vue.js：使用 uni-app 进行多端开发

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

uniapp 底部菜单_uni-app 自定义底部导航栏的实现

这是我目前发现较好的uni-app自定义底部导航栏方法，其他方法的缺点主要是在切换时，要么会闪烁，要么会每点击一下，都会请求一次数据。
weixin_39716800·2023-08-06 17:16

【uni-app】使用定义在App.vue的方法

【uni-app】使用定义在App.vue的方法前言在methods中添加(推荐)在globalData中添加方法（不建议）前言接手了一个小程序项目，考虑到后期可能会扩展到APP上，筛选技术时，发现了uni-app
鳄鱼儿·2023-08-06 16:08

uni-app开发微信小程序经常遇到的一些问题及解决方案

可以使用uni-app提供的页面组件内置下拉刷新功能，也可以自定义下拉刷新组件。3.如何实现上拉加载更多？
破裤兜·2023-08-06 13:03

uni-app uView自定义底部导航栏

因项目需要自定义底部导航栏，我把它写在了组件里，基于uView2框架写的（vue2）；一、代码在components下创建tabbar.vue文件，代码如下：exportdefault{name:"TabBar",props:{current:Number},data(){return{list:[{iconPath:"/static/images/salesRecords.png",select
一个小点点.·2023-08-06 10:16

uni-app:分页实现多选功能

效果代码解析一、标签-列表{{item.num_name}}:class="{'checked_parameter':item.checked}"：给列表增加选中样式:data-id="item.employee_num"：选中得到的数据@tap="selectcustomer"：点击进行选择二、标签-翻页上一页{{page}}/{{totalPage}}下一页@tap="prevPage"：上一
雯0609~·2023-08-06 07:45

uni-app中 scroll-view组件 滑动事件不生效问题?

uni-app中scroll-view组件滑动事件不生效问题?答案是：没有给scroll-view定义滚动事件。
猿小张·2023-08-06 00:30

uni-app-使用tkiTree组件实现树形结构选择

前言在实际开发中我们经常遇见树结构-比如楼层区域-组织架构-部门岗位-系统类型等情况往往需要把这个树结构当成条件来查询数据，在PC端可以使用Tree，table，Treeselect等组件展示在uni-app
-風过无痕·2023-08-05 22:42

uni-app 更换用户头像功能-涉及图片的预览 选择

需求:用户可以预览当前头像,可以从本地上传点击图片出现操作菜单操作菜单api预览图片api选择图片apichangeAvatar(){uni.showActionSheet({//itemList按钮的文字接受的是数组itemList:["查看头像","从相册选择图片"],success(e){varindex=e.tapIndexif(index===0){//用户点击了预览当前图片//可以自己
卡布i·2023-08-05 22:14

外卖多门店小程序开源版开发

技术选型：选择适合开发小程序的技术框架，如微信小程序原生开发、uni-app、taro等。数据库设计：设计合适的数据库结构，包括门店信息、菜单信息、用户信息、订单信息等。
云起SAAS·2023-08-05 19:30

uni-app、H5实现瀑布流效果封装，列可以自定义

文章目录前言一、效果二、使用代码三、核心代码总结前言最近做项目需要实现uni-app、H5实现瀑布流效果封装，网上搜索有很多的例子，但是代码都是不够完整的，下面来封装一个uni-app、H5都能用的代码
明似水·2023-08-05 18:07

uni-app中下拉框多选

实现如上图的可多选的下拉框step1:打开链接下拉多选，完全仿照微信原生效果，简单美观可扩展，可在线体验-DCloud插件市场step2:使用HBuilderX导入插件step3：在要使用的页面直接使用注意：插件的colums中的key值是label和value，如果项目中数据的key值和插件不一致，需要在获取到数据后替换key值。如下：项目中的数据格式：插件数据格式：在获取到人员列表后替换key
Stitch_xiao·2023-08-05 11:03

uni-app中自定义页面顶部标题

一、在你需要的页面里加"navigationStyle":设置为“custom”二、三、components文件夹下新建一个组件custom-title.vue，可以设置为全局组件在组件中写以下内容{{title_name}}exportdefault{name:"titles",data(){return{top:0,tops:100,isLast:false};},created(){this
青田。·2023-08-05 11:03

uni-app——下拉框多选

一、组件components/my-selectCheckbox.vue{{label+'：'}}0">{{item[dataKey]}}collapseTagsNum&&collapseTags"class="tag-calss">+{{current.length-collapseTagsNum}}0&&!filterable"class="uni-select__input-text">{{
青田。·2023-08-05 11:02

uniapp微信小程序获取定位（通过经纬度获取地址）

项目要求首页有个定位功能，但是uni.getLocation在小程序端只能获取到经纬度，拿不到地址uniapp官网有说明这点：uni.getLocation(OBJECT)|uni-app官网解决方案如下
北京的北京·2023-08-05 09:11

【uniapp】长方形图片显示中间正方形部分不压缩图片（圆形展示）

实现思路在使用uni-app框架的uni-image组件时，如果要将长方形图片显示为中间的正方形部分，可以使用CSS来实现裁剪效果。
Y_coder·2023-08-05 08:57

uni-app:实现列表单选功能

效果图：核心解析：一、{{item.num_name}}v-for="(item,index)ininfo"：将数据进行循环展示:class='item.checked?"checked_parameter":""':表示如果当前行的item.checked为真吗，如果为真执行class="checked_parameter"，如果不为真，就执行class="",也就是判断该行数据是否被选中，选中
雯0609~·2023-08-05 07:06
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他