uni-popup

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

vue2代码type:'center',msgType:'success',messageText:'这是一条成功提示',value:''vue2的调用方法this.$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText=ref('这是
可口可乐Vip·2024-02-05 16:07

uni-app根据腾讯地图接口三级联动组件

有时候很懵逼，因为需要用到腾讯地图接口的三级联动，习惯问问度娘，结果出来了我几年前用JQ写的，好吧，还是自己撸一个现在用的吧组件使用得是uni-popup弹窗，picker-view滑动选择地址访问腾讯地图接口使用的是
虾米博客·2024-01-18 10:30

uniapp 无限级树形结构面包屑、单选-多选、搜索、移除功能插件，基于【虚拟列表】高性能渲染海量数据，加入动态高度、缓冲区

hyq-tree-vtw无限级树形结构面包屑、单选-多选、搜索、移除功能示例项目单选-user单选-任意一项多选-关联下级多选-任意一项已选择数据弹框说明本插件需要使用uni-popup、uni-transition
yrfjygb·2024-01-07 03:32

uni-app项目：在uni-popup弹框组件中引用uni-list 列表无法滑动

刚开始接触uni-app的项目，有些东西用的还不是很熟练，结果就不断的入坑...有个需求，需要在弹框中显示一个列表，并且可以选择，然后就选择了在uni-popup中自定义view的方式实现，用了组件uni-list
柠檬檬檬檬檬不萌·2024-01-01 02:09

解决uni-popup弹出，页面还能滑动

找到uni-popup.vue文件在最外层加@touchmove.stop.prevent="disabledScroll"....methods:{disabledScroll(){returnfalse},}
-Wack-·2023-12-15 10:25

uniapp uni-popup组件在微信小程序中滚动穿透问题

起因在微信小程序中使用uni-popup组件时，出现滚动穿透，并且uni-popup内部内容不会滚动问题。
L·S·P·2023-12-02 09:37

苹果小程序 uni-popup 弹出层显示底部弹框会有镂空

在其添加:safe-area='false',可以解决这一问题
weixin_57653786·2023-11-30 10:04

uniapp uni-popup弹出层组件 弹窗 无法弹出 自定义样式问题

uni-popup弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩，后来调试了几次发现是因为没有自定义给弹出层宽高，尝试了几次终于做到自己想要的效果，话不多说，直接附上完整代码：效果图：点击弹出这是一个弹窗关闭弹窗
web15185420056·2023-11-30 10:01

uni-popup 小程序首页弹出层

景：要求在首页加载的时候弹出弹框显示一张图片，弹出五秒后自动关闭，也可以点击叉号手动关闭；如图：代码：importhttpfrom'@/api/http.js';import{getImsgPushlogmsg}from'@/api/interfaceHDB.js';exportdefault{data(){return{isShowPoupon:false,//是否隐藏对话框popUpUrl:"
一个平平无奇的小高·2023-11-30 10:26

uni-popup简单使用

你好！type=""里面可以填在[top,bottom,left,right,conter]分别为在上下左右中显示。效果图：如果不设置控件高度就会显示：在方法里面写this.$refs.popup.open()就能调出弹出层了。
Take-Your-Time·2023-11-30 10:22

解决uview中uni-popup弹出层不能设置高度问题

开发场景：点击条件筛选按钮，在弹出的popup框中让用户选择条件进行筛选但是在iphone12/13pro展示是正常，但是切换至其他手机型号就填充满了整个屏幕，需要给这个弹窗设置一个固定的高度iphone12/13pro与其他型号手机对比一开始，我是在u-popup上设置的自定义样式但是并没有实现我需要的从网上查阅资料，发现可以在popup中嵌套的子级中，将里边的内容设置固定的高度，这样内容就不会
神仙姐姐QAQ·2023-11-30 09:15

uniapp中在组件中使用被遮挡或层级显示问题

uniapp中在组件中使用或croll-view标签内使用uni-popup在真机环境下会被scroll-view兄弟元素遮挡，在开发环境下和安卓系统中可以正常显示，但在ios中出现了问题看了许多文章都没有找到问题的原因
是个散人·2023-11-13 10:20

uniapp 模仿 Android的Menu菜单栏

下面这张图就是我们要模拟的菜单功能一、模拟的逻辑1.我们使用uni-popup组件（记得要用hbuilderX导入该组件）uni-app官网2.将组件内的菜单自定义样式二、uniapp代码写法vue3哈哈哈哈嘻嘻嘻嘻呜呜呜呜
tengyuxin·2023-10-30 15:28

小程序弹窗报错this.$refs.popup.open is not a function

代码打开弹窗底部弹出Popupexportdefault{methods:{open(){//通过组件定义的ref调用uni-popup方法,如果传入参数，type属性将失效，仅支持['top','left
退堂鼓演奏一级选手·2023-10-27 21:59

vue：父子通信传递，如何将父页面的数组传入到子页面（弹窗）

在父页面中：显示弹窗importuniPopupfrom'@/components/uni-popup/uni-popup.vue';importchildfrom'.
荀鼠不是·2023-10-27 11:05

uni-popup组件的使用

easycom：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。比如前述举例的uni-rate组件，它导入到uni-app项目后，存放在了目录/components/uni-
与月儿漫邀·2023-10-19 23:40

如何在uniapp中弹出层弹出时遮住自带的tabbar

前提问题vue3组合式API，uniapp写微信小程序，点击下方导航，点击进入导航页面，在页面点击按钮需要弹出一个弹出层，使用uniapp自带的uni-popup，进行弹出，uniapp自带的tabbar
小陈学前端_·2023-09-19 15:14

uniapp多端h5+小程序+app弹窗组件|uniApp自定义popup组件

虽然官方提供的uni-popup或uview提供的popup组件也能实现一些弹窗效果。但是调用方式非常单一。并不能实现多样化需求。引入组
xiaoyan_2018·2023-08-22 04:18

【uniapp 中使用uni-popup阻止左滑退出程序】

在uniapp中，可以使用uni-app插件uni-popup提供的阻止左滑退出程序的功能。
cv全粘工程师·2023-08-14 21:57

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

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

[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘open‘)“

目录一、应用场景二、报错解释三、报错原因1、以下是实际应用代码：2、原因四、解决办法一、应用场景在做uni-app的过程中有使用到uni-popup弹出层组件。
三水木雨·2023-07-21 18:50

【微信小程序-uniapp】CustomDialog 居中弹窗组件

1.效果图2.组件完整代码<uni-popup:ref="ref"type="center"@change
Komorebi゛·2023-07-14 21:41

uniapp 禁止滚动穿透(一般用于遮罩)-小程序/app/h5适用

其他平台都不能在在组件内禁止滚动穿透，所以在微信小程序、App平台，页面内需要用户特殊处理一下解决:在微信小程序/App平台可使用page-meta组件动态修改页面样式，需要在data中定义一个变量，用来表示uni-popup
前端小胡兔·2023-07-13 16:20

uniapp中uni-popup的用法——实例讲解

uni-pop弹出层组件，在应用中弹出一个消息提示窗口、提示框等,可以设置弹出层的位置，是中间、底部、还是顶部。如下图效果所示：白色区域则为弹出的pop层。一、创建一个自定义组件：1.项目中安装下载uni-pop插件。2.把pop内容单独写个组件。这里放到components下。type="bottom"指的pop展示所在屏幕的位置。{{item.name}}：{{item.phone}}取消在m
棒怡情·2023-06-21 07:31

uni-popup 遮罩层事件穿透的问题

根据uniapp官方文档用了page-meta，这个属性，但是如果滑动遮罩层依然会出现滑动的现象，所以解决方法是在uni-popup里面加上style=“touch-action:none”，来阻止遮罩层滚动
阿强的博客·2023-06-09 19:42

【Uniapp使用遇到问题合集】

使用遇到问题合集问题一跳转页面后无法进行滑动/滚动的操作描述解决方法问题二POST请求后台无法接收到前端传入的字段数据描述解决办法问题一跳转页面后无法进行滑动/滚动的操作描述如题,实际操作是我在uniapp自带的组件uni-popup
淳杰·2023-04-15 12:21

uni-app中uni-popup组件中滚动条问题

在组件中，禁用了滚动事件。因此，我们把这个事件去掉就可以了。打开组件代码，然后找到这段代码去掉就可以了。但是之后就会导致另外一个问题的出现，我们假设这样一个场景：1.在页面中，我们做了一个滚动分页的list，然后点击页面中的某个按钮，会弹出popup弹框，在弹框中我们需要滚动，在页面中我们同样需要滚动，那么就会出现，在弹出框上面滚动时，会同时出发页面上的滚动，从用户体验上来说，这肯定是不合理的。解
壹家全栈·2023-02-17 12:37

uniapp uni-popup弹出层组件 弹窗 无法弹出 自定义样式问题

uni-popup弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩，后来调试了几次发现是因为没有自定义给弹出层宽高，尝试了几次终于做到自己想要的效果，话不多说，直接附上完整代码：效果图：点击弹出这是一个弹窗关闭弹窗
小芬1·2022-09-29 19:43

uniapp组件-uni-popup弹出层

目录一、基本用法二、自定义弹出层(dialog+message)示例三、提交信息(input+延迟关闭)四、底部分享示例官方示例：uni-popup弹出层-DCloud插件市场弹出层组件用于弹出一个覆盖到页面上的内容
普通网友·2022-09-29 18:00

解决uniapp使用三方四级联动插件ehPicker 配合uni-popup弹出层使用时出现无法滑动的问题

出现问题的原因在uni-popup上：@touchmove.stop.prevent="clear"uni-popup组件默认是阻止了默认事件的冒泡因为我整个项目中只用到了这一处弹出层组件，所以解决办法直接修改
W登峰造极·2022-09-29 18:51

uni-app引入uni-popup弹出层插件以及列表复选框选中与取消

uni-popup弹出层引入基于uni-app的UI组件库选择项目{{item.projectName}}取消确认点击弹出层按钮：//添加项目弹框addProject(){//this.showTextArea
Take^that·2022-09-29 18:19

uni-app弹出层uni-popup使用以及修改默认样式

uni-popup官方文档我这里的背景是弹出一个选择规格的菜单。
lsjweiyi·2022-09-29 18:05

uniapp uni-popup弹窗在app端内容过多时，不滑动的问题

uniapp在使用自定义弹窗时，在内容过多的情况下，uni-popup标签内的内容不能上下滑动。
小鳄鱼丶·2022-09-29 18:57

uni-popup手撸了一个菜鸟上门取件时间选择器

目录引言兼容菜鸟上门时间选择器需求分析：代码实现：1.popup弹窗2.日期+时间选择器核心逻辑：1、生成左侧日期列表2、判断时间有没有过期3、通过计算属性获取有效时间（即右侧列表展示即将过期的和未过期的时间）4、通过计算属性获取有效日期5、日期或时间选中函数源码及使用使用：源码：TODO:引言近期做的项目有个需求是做一个类似菜鸟的取件时间选择器，去找了很久没找到合适的，没办法只能自己收撸，经过好
·2022-08-20 15:42

uni-popup样式及遮罩

效果图：template：script：importuniPopupfrom"@/components/uni-popup/uni-popup"importuniPopupDialogfrom"@/componen
·2022-04-29 11:20

uniapp组件uni-popup弹出层的使用

目录一、基本用法二、自定义弹出层(dialog+message)示例三、提交信息(input+延迟关闭)四、底部分享示例官方示例：uni-popup弹出层-DCloud插件市场弹出层组件用于弹出一个覆盖到页面上的内容
·2022-03-30 18:24

遇到的uni-app的坑（uni-easyinput清空值，datetimerange置空）

弹框在手机上溢出无法滚动uni_modules下面找到uni-popup文件夹，找到uni-popup.vue去掉第一行的@touchmove.stop.prevent="clear"form表单和日期选择器
·2022-01-05 15:02

在vscode中开发uniapp小程序

如果在components文件夹中发现了uni-开头的组件这是HBuilderX安装组件的方式要及时换成npm引入pages.json中的easycom配置可以实现组件的全局引入"easycom":{"uni-popup
xiewanna·2021-10-20 11:54

底部弹出popup:弹出式多项选择

需要引入组件uni-popup,引入流程略，可看官方文档 importuniPopupfrom'@/components/uni-popup/uni-popup.vue';千万不要打错单词。。。。。。。
Nyar·2020-08-15 19:32

微信小程序快捷登录

/common/tool.js'importuniPopupfrom'@/components/uni-popup/uni-popup.vue'importagreementfrom'..
嬴政不姓秦·2020-07-22 17:43

uniapp弹框uni-popup中input自动获取焦点实现

扫描巡检设施取消确定data(){return{name:"",technology:"技术部",date:"",time:"",spell:"",list:[],showPopupBottom:false,｝｝//点击扫描弹框btnScan(index){this.showPopupBottom=truethis.index=index},
wwf1225·2020-07-09 01:13

uni-app中uni-popup上input/textarea获取不到焦点解决方案

首先在popup上创建change事件用上面创建的change事件控制focus状态值将popup显示状态赋值给focus状态将这两个方法覆盖原先uni-popup中的方法，代码如下粘贴open(){this.showPopup
2018_a22a·2020-02-10 14:14
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他