UNI-APP

uni-app学习记录

uni-app官网学习记录uni-app注意点记录页面跳转注意事项navigateTo,redirectTo只能打开非tabBar页面。switchTab只能打开tabBar页面。
椒盐大肥猫·2023-12-22 21:53

106 uni-app 小程序之巨坑 not found path,not found methods v-for渲染出现报错

1.Componentisnotfoundinpath你是否像我一样，检查了无数遍，引入路径检查千万遍，就是没写错，小程序后台就是给你报错，不用慌，心里默念：我不能砸电脑，我不能砸电脑，我不能砸电脑！！！（电脑被砸的声音，哈哈哈），好了，接下来讲一下怎么解决！Componentisnotfoundinpath“components/xxx/xxx“(usingby“pages/xxx/xxx“)问
smallcelebration·2023-12-22 21:22

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

jQuery:存储数据：//存储数据到本地localStorage.setItem('key','value');//存储对象到本地localStorage.setItem('key',JSON.stringify(object));获取数据：//从本地获取数据varvalue=localStorage.getItem('key');//从本地获取对象varobject=JSON.parse(lo
&ACE&·2023-12-22 14:23

uni-app（困难点）

HBuilderX创建的工程此文件在根目录，CLI创建的工程此文件在src目录package.json文件中增加uni-app扩展节点，可实现自定义条件编译平台（如钉钉小程序、微信服务号等平台）。
养羊得亿·2023-12-21 23:21

uni-app之page.json

page.json必有属性只有一个page，其余都是非必要属性。page属性有两大部分path和stylepath必有，是从项目根目录开始的路径（没有vue文件后缀）style必有，但是可以为空，是描述对应页面的样式的属性。"pages":[{"path":"pages/index/index","style":{...}},{"path":"pages/login/login","style":
养羊得亿·2023-12-21 23:51

uni-app之条件编译解决跨端兼容问题

1.跨端兼容uni-app已将常用的组件、JSAPI封装到框架中，开发者按照uni-app规范开发即可保证多平台兼容，大部分业务均可直接满足。
瑟闻风倾·2023-12-21 20:46

小程序面试题 | 01.精选小程序面试题

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

uni-app云打包后，uni.getLocation获取不到位置信息

uni-app云打包后，uni.getLocation获取不到位置信息问题描述：在真机模拟器上运行app获取位置没问题，打包成apk安装运行开启定位后依旧提示未开启定位解决：按以下步骤重新打包安装即可在
ljw@lq·2023-12-21 20:26

Part3-1-4 Vue.js Virtual DOM 的实现原理

的作用维护视图和状态的关系•复杂视图情况下提升渲染性能•跨平台•浏览器平台渲染DOM•服务端渲染SSR(Nuxt.js/Next.js)•原生应用(Weex/ReactNative)•小程序(mpvue/uni-app
沿着路走到底·2023-12-21 19:44

React 中的 ref 和 refs：解锁更多可能性(下)

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

uni-app只执行一次事件

在中，你可以使用onMounted钩子函数来实现只执行一次的事件。onMounted钩子函数会在组件挂载后立即执行，并且仅执行一次，因此适合用于只执行一次的事件处理。以下是一个示例，演示了如何在中使用onMounted钩子函数来实现只执行一次的事件处理：点击我import{onMounted,ref}from'vue';//定义事件处理函数consthandleClick=()=>{console
无妄的罪·2023-12-21 11:42

uni-app获取指定时间为周几，日期格式化为 “YYYY-MM-DD“ 的形式

在uni-app中，你可以使用JavaScript的Date对象来获取指定时间是星期几。
无妄的罪·2023-12-21 11:07

2021-02-06 在uni-app中使用vant-weapp的坑！下拉菜单失效 不能点击等情况看这里~

这段时间在写WX的小程序，为了和app风格保持一致，决定使用同一个UI---vant而且vant也有小程序版本，开发小程序，为了方便，当然就选择uni来进行开发。然鹅！！坑就开始慢慢来了，首先是由于vant-weapp的设计初衷是针对WX小程序设置的，so？在uni上的兼容并不好，接下来我先把这两天遇到的问题记录下来，接下来有更多的问题另行记录。uni中使用vant-weapp：通过git下载最新
铁柱的码砖生活·2023-12-21 07:58

React 中的 ref 和 refs：解锁更多可能性(上)

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

Uniapp + Vue3 + Pinia + Vant3 框架搭建

初始化Uniapp+Vue3项目App.vuesetup语法import{onLaunch,onShow,onHide}from'@dcloudio/uni-app'onLaunch(()=>{console.log
yueF_L·2023-12-21 03:28

uni-app基本标签

导航栏设置-`navigationBarBackgroundColor`:设置导航栏的背景颜色（全局页面）-`navigationBarTextStyle`:导航栏标题颜色（仅支持`black`和`white`）-`navigationBarTitleText`:设置导航栏标题内容-`enablePullDownRefresh`:是否开启页面下拉刷新窗口与背景设置-`backgroundColor
预众。·2023-12-20 22:05

uni-app内容

1.应用生命周期-**onLaunch:**应用初始化时触发，全局只执行一次，例如在刷新任务或项目重启时。-**onShow:**从后台进入前台触发，即当应用从编辑器或其他地方进入浏览器页面时。-**onHide:**从前台进入后台时触发。-**onError:**在应用报错时触发的生命周期方法。2.页面生命周期-**onLoad:**页面加载时触发，执行一次。-**onShow:**每次进入页面
预众。·2023-12-20 22:04

探秘 AJAX：让网页变得更智能的异步技术(下)

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

uni——底部弹框显示，底部导航隐藏

案例在uni-app中，如果你在tabbar页面显示一个底部弹框，底部导航默认是会依旧显示的。
耶啵奶膘·2023-12-20 16:47

uniapp 实现页面全局配置 / 底部导航栏tabbar

uni-app官网页面全局配置pages.json里面的globalStyle配置{"pages":[//pages数组中第一项表示应用启动页，参考：//https://uniapp.dcloud.io
小阳生煎·2023-12-20 16:45

使用uni-app开发抖音小程序记录

问题1.设置底部bar，在抖音小程序调试器中显示白边已经在uni-app中的pages.json中设置了tabBar的background为#000；本应底部bar显示为黑色；但运行在调试程序中却会出现白边
纯黑色山羊·2023-12-20 16:44

避坑指南：uni-forms表单在uni-app中的实践经验

个人主页：前端青山系列专栏：uni-app篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来JavaScript篇专栏内容:uni-app中forms表单的避坑指南篇该篇章已被前端圈子收录,点此处进入即可查看更多优质内容目录
前端青山·2023-12-20 14:56

uni-app 微信小程序蓝牙模块的解耦封装-持续更新

一、核心代码core.jsimport{showModal,stringToHex,sleep,uniqueArr,arrayBufferToHexString,hexStringToArrayBuffer,compareVersion}from'./tool.js'//buffer分包，根据MTU的长度进行分包，蓝牙分发官方建议20个字节一包，但是随着硬件的发展，可设置一次传输的最大单元//根据
八分钟de温暖·2023-12-20 13:49

uni-app ucharts中饼图与圆环图区别

项目情况：uni-app的用于移动端H5项目，包使用uni_modules目录存放。图表引用ucharts中的echarts配置的组件方式区别1饼图与圆环图在echarts使用的配置都是pie类型。
Lan.W·2023-12-20 06:42

uni-app 用于开发H5项目展示饼图，使用ucharts 饼图示例

先下载uchartsH5示例源码：uCharts:高性能跨平台图表库，支持H5、APP、小程序（微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、快手小程序、360小程序）、Vue、Taro等更多支持canvas的框架平台，支持饼图、圆环图、线图、柱状图、山峰图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、时序图、散点图、气泡图、地图
Lan.W·2023-12-20 06:12

uni-app 组件使用方式

建立子组件（在components目录下）子组件{{alldata.haha}}exportdefault{props:{alldata:{type:Object}},methods:{godata:function(){lettestdata=123this.$emit('getdata',testdata)}}}父组件使用引入组件（其实跟vue组件的方式一样）importtestcomfrom
遥啊遥啊遥啊·2023-12-19 21:18

揭秘`v-if`和`v-show`的区别：选择正确指令的技巧(下)

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

uni-app公共组件

轮播组件（Carousel）exportdefault{props:["imagelist"],}.swiper{height:200px;width:100%;}.swiper-item{height:100%;width:100%;}.swiper-itemimage{height:100%;}数据源imagelist:[{"Guid":"24ac92f3-c85a-4a12-b6f8-846
wppeng·2023-12-19 20:53

uni-app的初使用（附源码学习）

uni-app代码编写，基本语言包括js、vue、css。以及ts、scss等css预编译器。
Chemo辰陌·2023-12-19 20:47

javascript 数组处理的两个利器: `forEach` 和 `map`(上)

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

3.解决uni-app开发环境中H5端跨域问题

id=devserver其实uni-app官方有解决跨域的办法，官方推荐使用HBuilderX中内置的浏览器去预览，在内置的浏览器中不会存在跨域问题，但是要是在Chrome浏览器中预览的话就会出现这个跨域问题
秀萝卜·2023-12-19 13:28

uni-app本地存储

目录概要一，存储数据二，获取数据三，移除数据技术细节小结概要大家好，今天和大家分享一下uni-app中的本地存储，其中分为同步和异步，有些朋友可能也在这两个概念中迷惑过，下面我们就来讲讲这个本地存储。
冰海恋雨.·2023-12-19 13:43

详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第五节 （基于uni-app封装鸿蒙接口请求库）

今天就来讲解一下,如何用uni-app封装鸿蒙的接口请求库。一、新建项目  首先我们要新建一个鸿蒙项目啦！
前端讲堂-鸿蒙课堂·2023-12-19 11:23

码多多ChatAI智能聊天系统：提升工作效率的得力助手

一、产品简介码多多ChatAI智能聊天系统基于前后端分离架构以及Vue3、uni-app、ThinkPHP6.x、PHP8.0技术栈开发，包含PC端、H5端、小程序端、APP端。系
什么软件好·2023-12-19 10:16

uni-app APP 打包设置版本号和获取当前应用版本信息

设置版本号获取当前应用版本信息plus.runtime.getProperty(plus.runtime.appid,(appInfo)=>{//appInfo为当前应用程序的所有信息console.log(JSON.stringify(appInfo));//获取版本名称console.log(appInfo.version);//获取版本号console.log(appInfo.version
LNNY~·2023-12-19 06:46

uni-app APP 中动态显示右上角按钮

uni-appAPP中动态显示右上角按钮方案1需要配合pages.json配置实现//在要显示按钮的配置右上角按钮配置，并把文字颜色设置为页面背景色{"path":"pages/instock/sub-pages/subIntoWork","style":{"navigationBarTitleText":"","enablePullDownRefresh":false,"onReachBotto
LNNY~·2023-12-19 06:15

Uni-app Vue 返回刷新界面

当编辑完当前页面之后要后退刷新，可以直接调一下方法//返回刷新backPageRefresh(){var_self=this;letpages=getCurrentPages();//当前页面letbeforePage=pages[pages.length-2];//前一个页面varprevMPage=pages[pages.length-3];//上上一个界面console.log("befor
KingWorld·2023-12-19 05:24

uni-app组件-父子通信

uni-app扩展了常用的的UI组件，使用方式：从hellouniapp的components目录拷贝出以uni开头的相关组件，从common目录拷贝出uni.css（在HBuilderX中新建hellouniapp
前端来入坑·2023-12-19 04:38

使用uni-app开发微信小程序时，uni-app入口文件main.js中的：App.mpType = ‘app‘ 是什么意思

在uni-app中，App.mpType='app'表示当前运行的是原生应用程序。mpType是一个uni-app的内置变量，用于标识应用程序的类型，包括app、h5、weixin、alipay等。
儒雅的烤地瓜·2023-12-18 21:20

jquery、vue、uni-app、小程序的页面传参方式

jQuery、Vue、Uni-app和小程序（例如微信小程序）都有它们自己的页面传参方式。
emma20080101·2023-12-18 18:45

uniAPP调用AndroidAPI

uni-app是一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序（微信、支付宝、QQ等）。
emma20080101·2023-12-18 18:15

uniapp蓝牙

在uni-app中开发蓝牙相关的小程序涉及到使用uni-app提供的蓝牙API。uni-app为多端开发提供了统一的API，这意味着你编写的代码可以在不同的平台上运行，包括微信小程序。
锅盖哒·2023-12-18 16:11

探秘 AJAX：让网页变得更智能的异步技术(上)

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

uniapp上传文件api如何使用

在uni-app中使用上传文件API有以下几个步骤：创建<inputtype="file">元素，并监听文件选择事件在methods中定义chooseFile方法，处理文件选择事件methods:
&ACE&·2023-12-18 10:19

uni-app 点击预览图片

uni.previewImageuni.previewImage({urls:img,current:index});路径必须为数组current:当前预览哪张图片
不服就削你咔咔·2023-12-18 07:32

uni-app一些目录结构、方法、生命周期、打包、微信小程序登录与支付

1、关于uniapp的目录结构跟普通vue项目目录结构差不多，多了几个核心文件，manifest.json是配置应用名称、appid、logo、版本等打包信息用的，pages.json的作用是配置页面路径、页面窗口样式、tabBar、navigationBar等页面类信息2、页面适配方面uniapp页面像素单位使用的是rpx3、uniapp有自己的一套ui组件、生命周期、全局方法。其中onLoad
努力学习的木子·2023-12-18 03:06

加密的艺术：对称加密的奇妙之处(下)

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

vue项目原生input框限制只能输入金额

前言使用uni-app调试薪资的输入框遇到既要大于0还要能以0开头的问题记录一下解决方案`直接是参考别人帖子代码这里只是做一下记录感谢原文博主原文链接：https://blog.csdn.net/TKP666
stpzhf·2023-12-18 00:03

uni-app微信小程序uni.getLocation获取经度纬度【定位】

需求：点击按钮获取当前微信位置，以及点击拒绝授权后，下次点击还可以拉起授权窗口；拒绝授权后重新拉起授权操作：直接授权操作：一、问题1：报authorizescope.userLocation需要在app.json中声明permission字段；原因：因为微信小程序从2019年1月14日起新提交发布的版本若未填写地理位置用途说明，则将无法正常调用地理位置相关接口；解决办法：在manifest.jso
MFG_666·2023-12-18 00:50

uni-app点击预览图片

_previewImage(image){varimgArr=[];imgArr.push(image);//预览图片uni.previewImage({urls:imgArr,current:imgArr[0]});},大佬地址
MFG_666·2023-12-18 00:18
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他