vue&uniapp 第3页

“鹰飞计划”前期准备 | 工作软件环境 | 基本素质

https://www.jetbrains.com/products/我电脑上的一些ide：HBuilderX：我开发uniapp（小程序）的时候需要用到，它也能开发vue，但是我觉得这个ide的功能不太让我舒服

Jacob_胡云飞·2024-08-28 07:26

uniapp-Cli创建的项目导入微信开发者工具，后台接口报错，线上版本不报错。

【情况】今天在微信开发者工具中导入项目，导入之后发现有一个接口报500了，用手机查看线上的版本该接口未报错，后台也没有动过接口。控制台提示域名不在request合法域名列表中【原因分析】接口报错原因这个接口后台去调用了微信的后台接口，是通过wxcode来获取微信支付用的其他参数，因为Appid选错了，所以wxcode也错了，后台拿错的wxcode和小程序的appid去调微信接口，所以出现的问题。控

tieniuya·2024-08-28 05:57

uniapp微信小程序自定义气泡，隐藏原有icon

数据：covers:[{id:1,latitude:31.242229,longitude:121.487909,width:1,height:1,iconPath:"/static/iconImg/transparent.png",(使用一张1px*1px的透明图片即可）options:{isStore:true,status:1,xian:12,all:20,},//自定义窗口customCa

陈不知代码·2024-08-28 01:04

UniApp中的Flex布局技巧

而在跨平台开发里，uniapp是一种非常受欢迎的框架，由于使用uniapp可以快速地开发出同时支持多个平台的应用程序。

new_一个对象·2024-08-27 21:08

uniapp实现苹果账号登录

appleLogin(){uni.showToast({title:'正在进行苹果账户登录...',icon:'none'})uni.login({provider:'apple',success:(loginRes)=>{uni.getUserInfo({provider:'apple',success:async(userInfoRes)=>{console.log('用户信息',userIn

Rio_Gaven·2024-08-27 21:37

使用 UniApp 实现摄像头视频流的接入并在页面上显示视频流

UniApp是一个使用Vue.js开发所有前端应用的框架，它支持一次开发，多端部署（包括H5、小程序和APP）。下面我将展示如何使用UniApp实现摄像头视频流的接入，并在页面上显示视频流。

man2017·2024-08-27 13:18

UniApp 小程序

UniApp是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，就可以在多个平台上运行，包括H5、iOS、Android、小程序（如微信小程序、支付宝小程序等）以及桌面应用程序等。

ueing·2024-08-27 12:42

uniapp subPackages 分包及页面路由跳转

https://uniapp.dcloud.net.cn/collocation/pages.html#subpackagespages.json:{"pages":[{"path":"pages/index

徐同保·2024-08-27 05:30

自定义tabbar跳转防止页面抖动(uniapp案例,也适用所有前端项目)

自定义tabbar思路就是自己写个tabbar组件引入到tabbar页面内,使每个页面显示也会有这个组件显示,但是这样的话,每次点击由于tabbar是作为页面组件使用的,会跟着组件的渲染和销毁一起执行,导致每次页面显示就会有抖动效果,解决方式为:做一个主页面,将tabbar页面引入进去,同时把该tabbar对应的页面也引入进去,这样的话只需要一个页面执行显示和隐藏就行了,也不会导致tabbar组件

萧寂173·2024-08-27 05:29

uniapp中UniViewJSBridge.publishHandler无效

UniViewJSBridge.publishHandler('onWxsInvokeCallMethod',{cid:this._$id,method:'acceptDataFromRenderjs',args:{//传参}})这个是renderjs里面父子通信的方法，有时候不生效，换成这种this.$ownerInstance.callMethod('acceptDataFromRenderj

进阶的巨人001·2024-08-27 05:29

uniapp-:class内使用函数报错及解决方法

在开发时，需要根据状态动态的去渲染颜色，这个时候就用到了:class:class="hColor('2',item,index)"在vue内开发时，此代码片段可以正常使用在uniapp内开发时，相同代码报错

爱健身的小刘同学·2024-08-27 05:26

uniapp 向左滑动进入下一题，向右滑动进入上一题功能实现

在UniApp中实现向左滑动进入下一题，向右滑动进入上一题的功能，可以利用触摸事件来判断用户的滑动方向。下面是一个简单的实现示例：创建基本的项目结构：确保你有一个可以显示的问题的页面。

beyondjxx·2024-08-27 05:26

uniapp怎么实现条形码

"uniapp"指的是UniApp，一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。在UniApp中实现条形码，你通常会使用第三方库。

那维莱特·2024-08-26 15:18

uniapp 小程序设置按钮固定到页面的最下方

解决方案我们在做小程序的时候，特别是页面是以列表的形式进行展示，并且页面必须还要新增数据时，这是就会在页面的底部加一个固定的新增按钮，点击新增按钮，弹出一个弹窗…然后进行下一步的业务逻辑操作，那么怎么让这个固定到页面底部呢？HTMLcode添加订单CSScode.order_add{position:fixed;/*固定定位*/bottom:0;/*底部对齐*/left:50%;/*水平居中*/t

夏小花花·2024-08-26 08:33

uniapp（微信小程序如何使用单选框、复选框）

一、先看效果二、数据结构说明：selected用来记录每次用户选择的值，当是单选的时候属性中的selected属性需要设置成字符串，当是复选框的时候，此时选择的是数组，selected属性应设置为数组。type用来区分当前是单选还是复选。disabled属性是配合组件使用的，意思是是否禁用该选项，name属性用来将选项渲染给用户看，_name是根据我自己的业务需求设计的，我的需求是记录用户选择的每

陈丹阳（滁州学院）·2024-08-25 10:22

如何巧妙减小Uniapp打包后的小程序体积？

而uniapp作为一款多端开发框架，也越来越受到开发者的青睐。然而，在使用uniapp开发小程序的过程中，有很多开发者都遇到了同样的问题——打包后的小程序体积太大。那么，我们该如何解决这个问题呢？

new_一个对象·2024-08-25 06:56

基于uniapp开发的zblog多端小程序源码

简介：基于uniapp开发的zblog多端小程序开源源码，反正据说利于收录，利于SEO，叶子一直使用的是zblog，所以就基于zblog进行开发。

春765·2024-08-25 06:22

uniapp之微信开发者工具如何切换编译模式

用vscode软件做uniapp项目时，做其他页面时，每次使用微信开发者工具都要点击，才能进入其他页面。

qq_60272948·2024-08-25 01:53

UniApp Vue3版如何实现微信小程序样式穿透

其实uniapp有个参数配置，需要开启小程序的样式穿透才行。那么在Vue3里该如何配置呢？

antlers777_·2024-08-24 21:59

微信小程序uniapp+vue3+ts+pinia的环境搭建

一.创建uniapp项目通过vue-cli创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖：1.pnpmi2.运行项目：将package.json

Outcir·2024-08-24 12:36

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/

王佳斌·2024-08-24 11:05

uniapp下单选框的实现

uniapp官方虽然提供了uni-data-checkbox，含括了单选和多选框功能。

lsjweiyi·2024-08-24 11:33

前端 uniapp 多端条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。使用方法以#ifdef或#ifndef加%PLATFORM%开头，以#ifndef结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFORM%：平台名称条件编译写法说明#ifdefAPP-PLUS需条件编译的代码#endif仅出现在App平

圈圈的熊·2024-08-24 11:02

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx),//到400rpx才做白色渐变linear-gradient(toright,

总萌大人·2024-08-24 11:59

uniapp中switch和select组件阻止chane事件冒泡的方法

在uni-app中，‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡，‌你可以在模板绑定事件时添加.stop修饰符。‌示例使用switch组件htmlCopyCode使用select组件（‌假设是一个自定义组件或类似行为）‌htmlCopyCodeOption1Option2注意确保.stop修饰符紧跟在事件名之后，‌

phpgolife·2024-08-24 04:42

uniapp-组件规范

easycom、uni_module、datacom、原生组件、uniCloud组件easycom：只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。不管components目录下安装了多少组件，easycom打包后会自动剔除没有使用的组件，对组件库的使用尤为友好ea

if.else.Z·2024-08-23 21:59

uniapp与设备通信通过mqtt实现通信

MQTT(MessageQueuingTelemetryTransport)协议类型：MQTT是一种轻量级的发布/订阅消息传输协议，通常基于TCP/IP实现。功能：设计用于高延迟网络环境中，在带宽有限的情况下高效传输小量数据。广泛用于物联网（IoT）设备之间的通信。特点：发布/订阅模型：客户端可以发布消息到主题，也可以订阅主题以接收消息。质量服务等级（QoS）：支持三种服务质量等级（QoS0、1、

灰太狼大王灬·2024-08-23 18:10

uniapp - H5和微信小程序上传 base64 图片

1.前言在做订单评论的时候，需要图片上传，开始使用的FormData上传，但是后端一直获取不到上传的file，由于之前是使用taro开发的H5和微信小程序，所以对uniapp开发不是很熟悉，使用了创建input

Rattenking·2024-08-23 14:47

uniapp点击预览图片，两种效果

背景：在使用uniapp框架中，我们对图片的展示需要点击放大展示(单张)；如果是多张图片，要支持左右滑动查看多张图片(多张)。

影子信息·2024-08-23 06:29

【浅谈Java项目技术开发基础】

目前我所学，所查，所了解的有后端部分有：1.SpringMVC2.Spring框架3.SpringBoot框架4.Mybatis5.MybatisPlus6.SSM框架前端部分有：1.vue框架2.uniapp

努力学爪哇·2024-08-23 06:27

uniapp实现足球数据分析平台移动端H5

文章目录前言一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看。一、界面一栏二、注册界面1.代码说明三、首页界面四、竞彩预测五、即时预测总结前言一款基于前端铺子改造的移动端程序一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看。一、界面一栏演示地址二、注册界面1.

足球数据分析·2024-08-23 06:57

在uniapp中使用swicth组件传递额外的参数方法

switch开关选择器。传多个参数时可以这样传参switchChangeStatus(event,scope.row)"/>

phpgolife·2024-08-23 06:55

【uni-app】uni-app官方自带图标的使用方法

1、图标地址：https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons2、图标用法icon|uni-app官网3、实例返回

敦厚的曹操·2024-08-23 06:55

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入

总萌大人·2024-08-23 05:52

2024年uniapp实现搜索功能详细步骤【前端开发】(1)，前端面试性能优化

最后今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以

2401_84617302·2024-08-22 23:12

uniapp上传图片跨域报错解决方案

项目场景：用uniapp做图片上传的时候出现了跨域问题前端：uniapp后端：thinkphp问题描述AccesstoXMLHttpRequestat'xxxx'fromorigin'http://localhost

Champagne_7·2024-08-22 09:52

uniapp 开发微信小程序出现启用组件按需注入问题如何解决

问题描述在使用uniapp开发微信小程序，进行上架发布时代码质量栏出现启用组件按需注入问题。虽然现实代码上传成功，但是作为一个吹毛求疵的老猿人，肯定是无法容忍的。那么如何解决呢？

古猿写代码·2024-03-25 17:06

uniapp 使用mqtt后真机调试白屏？或者 WebSocket || WS is not a constructor

1.都说高版本mqtt不稳定，所有安装3.0的吧npmimqtt@32.把连接替换成功这个代码//#ifdefH5console.log('h5')client=mqtt.connect(`ws://120.25.155.46:8083/mqtt`,options)//#endif//#ifdefAPP-PLUSconsole.log('app')client=mqtt.connect(`wx:/

xiaoli_qidian·2024-03-25 08:55

关于uniapp上使用websocket在H5能用，在真机不能用的问题

不要用本地电脑开的websocket来连接，真机（手机端）连不到本地websocket。uni.connectSocket({url:'ws://localhost:3000/chat'});解决办法：部署到服务器上面，用一个公网的websocket地址，真机上面可以正常使用。部署到服务器的时候记得开放3000端口，不然也不行。uni.connectSocket({url:'ws://8.13X.

木公176·2024-03-25 08:54

在微信小程序中使用微信支付功能

数字浪儿·2024-03-24 19:08

uniapp：wx.switchTab: url 不支持 queryString

场景：从首页跳到列表页,并将参数传过去，用于搜索，而首页和列表页都是tabbar页面，添加query参数时无法获取，也⚠️；怎么办？方案一：vuex方案二：pinia上面两种代码自行处理，下面提供一种更为简单的方案方案三：使用ref或是reative配合watchEffect【推荐】在相同目录创建一个data.ts/***搜索参数*/exportconstparams=reactive({city

你的代码我的心·2024-03-24 19:37

uniapp 实现双击点赞出现特效

更新一下老板改了需求要加上特效1.创建点赞按钮首先，在你的页面中创建一个点赞按钮全局点赞的话就写在最外面的标签就行了。你可以使用组件或者自定义一个视图组件。点赞这里我们使用了@click事件监听器来监听按钮的点击事件，并且使用了:class绑定来根据isDoubleTap的值改变按钮的样式（可选）。showHeart用于控制小心心的显示与隐藏。2.实现双击检测在JavaScript部分，你需要实现

全栈^_^小菜鸟·2024-03-18 05:41

uniapp app跳转微信小程序

plus.share.getServices((s)=>{letsweixin={};for(leti=0;i

风中凌乱的L·2024-03-17 23:04

uniapp实现点击标签文本域中显示标签内容

先上一个效果图实现的效果有：①.点击标签时，标签改变颜色并处于可删除状态②.切换标签，文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp

佩淇呢·2024-03-17 18:27

用uniapp开发手机app，发现不支持dom操作

用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.

吉星9527ABC·2024-03-17 18:27

uniapp手机号一键登录

uniapp手机号一键登录，先写个button手机号一键登录先在onload钩子获取临时code码onLoad(){uni.login({provider:'weixin',success:(res)=

藤原拓海_别天神·2024-03-17 02:35

uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

uniapp开发出现这个ErrorinonLoadhook:“SyntaxError:UnexpectedendofJSONinput“,这个问题如何解决。

古猿写代码·2024-03-16 14:21

uniapp小程序上传oss

uniapp上传小程序代码importcryptofrom'crypto-js';import{Base64}from'js-base64/base64.js';//计算oss签名。

Tanjc518·2024-03-16 07:09

[Uniapp]携带参数跳转界面（两种方法）

一、方法1：路由携参假设现在有两个界面：界面A和界面B。并要由界面A跳转到界面B，则我们可以使用uni.navigateTo({})跳转界面时，将参数附加在URL后，并在B界面的onLoad()获取到这个参数界面A的代码exportdefault{data(){return{paramPageA:[],//在A界面中定义的变量,一会要传送给界面B}},methods:{onGo(){uni.req

零叁三·2024-03-11 01:56

uniapp 开发app，如何使用模拟器

1、开发app，设置模拟器（uniapp如何设置模拟器）https://blog.csdn.net/sweetsoft/article/details/1307271692、运行到模拟器注意：1、模拟器所在的位置

大浪淘沙1024·2024-03-08 13:38

推荐频道

vue&uniapp