【uniapp+uivew问题记录+避坑指南】

最新推荐文章于 2024-08-23 20:07:05 发布

皮皮陈Q

最新推荐文章于 2024-08-23 20:07:05 发布

阅读量234

点赞数

分类专栏：前端vue 文章标签： uni-app 前端 javascript vue

本文链接：https://blog.csdn.net/weixin_48310754/article/details/131392639

版权

前端vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章介绍了在uniapp中使用uni.navigateToMiniProgram方法跳转其他小程序的详细步骤，包括参数设置和数据传递。同时，针对uview的switch组件，提出了通过添加@tap.stop.prevent来阻止冒泡事件的解决策略。

摘要由CSDN通过智能技术生成

uniapp+uiview问题记录+避坑指南

文章目录

uniapp+uiview问题记录+避坑指南
1、uniapp中实现跳转其他小程序
2、uview 阻止switch冒泡事件

1、uniapp中实现跳转其他小程序

使用的是uniapp中的uni.navigateToMiniProgram(OBJECT)方法

uni.navigateToMiniProgram({
  appId: '',
  path: 'pages/index/index?id=123',//非必填
  extraData: {
    'data1': 'test'//需要传递的数据
  },
  success(res) {
    // 打开成功
  }
})

该方法官方文档访问链接

2、uview 阻止switch冒泡事件

在switch父元素标签中加 @tap.stop.prevent

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

皮皮陈Q

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp + vue3 + TypeScript + pinia + uviewplus

11-03

在当前的项目中，"uniapp + vue3 + TypeScript + pinia + uviewplus" 的组合代表了现代前端开发的一种高效、强大的解决方案。这个技术栈主要用于构建跨平台的移动应用，充分利用了各组件的优势，提供了良好的开发...

niubaide_im:牛掰的即时通讯(Uniapp + SpringBoot + Netty)

05-07

牛掰的即时通讯(Uniapp + SpringBoot + Netty) Niubaide_im 一个"牛掰的"即时通讯项目！ · · 本篇README.md面向开发者码云镜像地址目录开发前的配置要求安装步骤(前端) 安装步骤(后端) 文件目录...

参与评论您还未登录，请先登录后发表或查看评论

uniApp 引入iview

weixin_45289656的博客

11-26

1410

uniApp 引入iview。

uniapp、uView使用

rainylf的博客

12-01

156

uView使用

关于view的一些了解和uni-app组件的用法

最新发布

dengshuweng的博客

08-23

1221

view是我们常用的组件，其用法类似于我们的div标签我们可以从官网上来了解view的更加详细的内容uni-app官网 (dcloud.net.cn)找到在内置组件 — 视图容器下的view点开可以看到view的一些属性及其用法在我们创建一个view时，只需打出view并按一下Tab键即可补全，如果要添加class时只需先打出view在用号打出我们的class类名再按一下Tab即可自动补全我们的标签和类名在我们下面的style标签内引出我们的上面的class类名，然后对其进行赋予页面属性。

[保姆级教程]uniapp安装使用uViewUI教程

肥晨开发的学习之路

07-19

5650

通过以上步骤，你已经成功地将 uView UI 集成到了你的 UniApp 项目中，并可以开始使用其提供的丰富组件和样式来构建界面。点击下载地址：uView UI下载：https://ext.dcloud.net.cn/plugin?下载地址：uView UI下载：https://ext.dcloud.net.cn/plugin?安装和使用 uView UI 在 UniApp 中是相对简单的过程，下面我来为你提供一个基本的教程。接下来，我们需要在 UniApp 项目中安装 uView UI。

uniapp编写微信小程序和H5遇到的坑总结

fangqi20170515的博客

08-17

4865

使用uniapp开发微信小程序的时候，发现使用来阻止事件冒泡没有作用，点击了之后发现仍然会触发父组件或者祖先组件的事件。在网上查阅，发现使用@tap.stop才能阻止事件冒泡。

记录自己开发一款小程序中所遇到的问题（uniapp+uview）（持续更新）

weixin_45729937的博客

03-07

1527

记录自己开发一款小程序中所遇到的问题（uniapp+uview）（持续更新）

新版thinkphp5.1+uniapp+mysql5.7开发的朋友圈社区程序源码

07-08

基于thinkphp5.1+uniapp+mysql5.7 开发的社区程序，主要兼容H5版本。图片压缩使用的七牛云存储。后台管理系统并未完善，后期有时间完善或自行完善学了一点thinkphp的开发和uniapp结合起来做了这一套来练习，能够...

vue2+uniapp+uview2+i18n的空壳代码文件夹

07-02

vue2+uniapp+uview2+i18n的空壳代码文件夹

uniapp+vue3+pinia框架（模块化+持久化存储）

06-15

在uniapp+vue3+pinia的场景下，使用Pinia的持久化插件，可以将store中的数据自动同步到本地存储，当应用重新加载时，可以恢复之前的状态，提高用户体验。需要注意的是，持久化存储应合理处理数据大小限制和用户隐私...

uni-app uview 的安装

IT_iosers的博客

01-27

286

本文通过npm 安装具体见官网 1、安装node-sass sass-loader 输入 npm i node-sass sass-loader -D 2、创建package.json npm init -y 3、安装uview npm install uview-ui 4、引入uView主JS库 // main.js import uView from "uview-ui"; Vue.use(uView); 5、在引入uView的全局SCSS主题文件 /* uni.scss */ @i

uniapp使用uView2.0框架遇到的问题

RainHg的博客

05-19

2136

后端传大整数时出现精度缺失的情况；tabbar中间项凸出，自定义底部导航栏；uView折叠面板collapse在支付宝小程序上标题显示不出来；uView2.0输入框u-input中placeholder样式修改

uni-app踩坑集合(小程序)

weixin_44997513的博客

05-19

2004

1.指定页面不显示返回或首页按钮 onShow(){ uni.h }

uniapp开发微信小程序的坑（持续更新）

feiyu的博客

05-23

610

坑

uni.scss uni-app内置的常用样式变量

qq_43408070的博客

12-01

9754

/** 这里是uni-app内置的常用样式变量 uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App */ /** 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能如果你的项目同样使用了scss预处理，你也可以

uni.app组件的介绍

omg12666999的博客

05-19

1774

通过合适的设计和使用，输入框组件可以提高用户体验，简化数据收集过程，并确保输入的准确性和安全性。通过合适的设置和设计，轮播组件可以提供吸引人的视觉效果，并为用户提供友好的交互体验。在密码输入框中，用户输入的内容会被遮蔽，通常以星号或圆点显示，以增加安全性。组件是UniApp中用于创建交互按钮的组件，可以通过属性设置和事件绑定来定义按钮的样式和行为，实现丰富的交互效果。组件是UniApp中常用的组件之一，用于显示本地图片和网络图片，并支持各种属性的设置，可实现丰富的图片展示效果。

uni-app使用uView的search搜索组件踩坑

weixin_45644355的博客

11-23

6203

场景：在开发后H5移动端项目时，使用uView的search搜索组件时遇到这样一个问题，search组件在安卓系统下显示正常，在ios系统下会显示出手机自带的搜索图标，与search组件的图标有冲突，两个图标会同时显示出来解决：利用uni-app自己的input输入框，自己修改样式，手动加上搜索图标和清除图标，图标是外部引入的阿里图标【注意】：不要给input输入框加上confirm-type=“search”，否则在ios系统下，还是会出现手机自带的搜索图标，和输入框的图标重复了具体代码如下： &l

uniapp的u-select遇见的坑——解决uView u-select第二次弹出显示前一次选择内容，但实际获取值为第一项的问题！

lingrer的博客

01-29

2696

当我选择内容关闭后,再次调起时，仍然显示前一次选择项，但点击“确定”后，却是获得第一项的值。可以使用修改default-value的属性来动态改变默认选中的下标。3.// 将默认下标赋值为当前选中的下标。1、加上default-value属性。在返回选择器选择的数据的回调当中写。

uniapp++app

03-13

UniApp++是一种基于UniApp框架的跨平台应用开发工具，它可以帮助开发者使用一套代码同时构建iOS、Android、H5等多个平台的应用程序。UniApp++在UniApp的基础上进行了扩展和优化，提供了更多的功能和工具，使开发者...