E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
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
uniapp
uni-app
uni-app根据腾讯地图接口三级联动组件
有时候很懵逼,因为需要用到腾讯地图接口的三级联动,习惯问问度娘,结果出来了我几年前用JQ写的,好吧,还是自己撸一个现在用的吧组件使用得是
uni-popup
弹窗,picker-view滑动选择地址访问腾讯地图接口使用的是
虾米博客
·
2024-01-18 10:30
uni-app
uniapp 无限级树形结构面包屑、单选-多选、搜索、移除功能插件,基于【虚拟列表】高性能渲染海量数据,加入动态高度、缓冲区
hyq-tree-vtw无限级树形结构面包屑、单选-多选、搜索、移除功能示例项目单选-user单选-任意一项多选-关联下级多选-任意一项已选择数据弹框说明本插件需要使用
uni-popup
、uni-transition
yrfjygb
·
2024-01-07 03:32
uni-app
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
前端
vue.js
javascript
uniapp
uni-popup
组件在微信小程序中滚动穿透问题
起因在微信小程序中使用
uni-popup
组件时,出现滚动穿透,并且
uni-popup
内部内容不会滚动问题。
L·S·P
·
2023-12-02 09:37
大前端
uni-app
微信小程序
小程序
vue
前端
苹果小程序
uni-popup
弹出层显示底部弹框会有镂空
在其添加:safe-area='false',可以解决这一问题
weixin_57653786
·
2023-11-30 10:04
小程序
uniapp
uni-popup
弹出层组件 弹窗 无法弹出 自定义样式问题
uni-popup
弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩,后来调试了几次发现是因为没有自定义给弹出层宽高,尝试了几次终于做到自己想要的效果,话不多说,直接附上完整代码:效果图:点击弹出这是一个弹窗关闭弹窗
web15185420056
·
2023-11-30 10:01
前端
html
vue.js
css
前端
uni-popup
小程序首页弹出层
景:要求在首页加载的时候弹出弹框显示一张图片,弹出五秒后自动关闭,也可以点击叉号手动关闭;如图:代码:importhttpfrom'@/api/http.js';import{getImsgPushlogmsg}from'@/api/interfaceHDB.js';exportdefault{data(){return{isShowPoupon:false,//是否隐藏对话框popUpUrl:"
一个平平无奇的小高
·
2023-11-30 10:26
小程序
微信小程序
uniapp
uni-popup
uni-popup
简单使用
你好!type=""里面可以填在[top,bottom,left,right,conter]分别为在上下左右中显示。效果图:如果不设置控件高度就会显示:在方法里面写this.$refs.popup.open()就能调出弹出层了。
Take-Your-Time
·
2023-11-30 10:22
uni-app
解决uview中
uni-popup
弹出层不能设置高度问题
开发场景:点击条件筛选按钮,在弹出的popup框中让用户选择条件进行筛选但是在iphone12/13pro展示是正常,但是切换至其他手机型号就填充满了整个屏幕,需要给这个弹窗设置一个固定的高度iphone12/13pro与其他型号手机对比一开始,我是在u-popup上设置的自定义样式但是并没有实现我需要的从网上查阅资料,发现可以在popup中嵌套的子级中,将里边的内容设置固定的高度,这样内容就不会
神仙姐姐QAQ
·
2023-11-30 09:15
uniapp
微信小程序
css
uni-app
微信小程序
vue
前端
uniapp中在组件中使用被遮挡或层级显示问题
uniapp中在组件中使用或croll-view标签内使用
uni-popup
在真机环境下会被scroll-view兄弟元素遮挡,在开发环境下和安卓系统中可以正常显示,但在ios中出现了问题看了许多文章都没有找到问题的原因
是个散人
·
2023-11-13 10:20
uni-app
uniapp 模仿 Android的Menu菜单栏
下面这张图就是我们要模拟的菜单功能一、模拟的逻辑1.我们使用
uni-popup
组件(记得要用hbuilderX导入该组件)uni-app官网2.将组件内的菜单自定义样式二、uniapp代码写法vue3哈哈哈哈嘻嘻嘻嘻呜呜呜呜
tengyuxin
·
2023-10-30 15:28
uniapp
uni-app
小程序弹窗报错this.$refs.popup.open is not a function
代码打开弹窗底部弹出Popupexportdefault{methods:{open(){//通过组件定义的ref调用
uni-popup
方法,如果传入参数,type属性将失效,仅支持['top','left
退堂鼓演奏一级选手
·
2023-10-27 21:59
小程序
uniapp
vue:父子通信传递,如何将父页面的数组传入到子页面(弹窗)
在父页面中:显示弹窗importuniPopupfrom'@/components/
uni-popup
/uni-popup.vue';importchildfrom'.
荀鼠不是
·
2023-10-27 11:05
vue
uniapp
1024程序员节
uni-popup
组件的使用
easycom:传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下或uni_modules目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用。比如前述举例的uni-rate组件,它导入到uni-app项目后,存放在了目录/components/uni-
与月儿漫邀
·
2023-10-19 23:40
vue.js
前端
javascript
如何在uniapp中弹出层弹出时遮住自带的tabbar
前提问题vue3组合式API,uniapp写微信小程序,点击下方导航,点击进入导航页面,在页面点击按钮需要弹出一个弹出层,使用uniapp自带的
uni-popup
,进行弹出,uniapp自带的tabbar
小陈学前端_
·
2023-09-19 15:14
小程序
uni-app
前端
微信小程序
uniapp多端h5+小程序+app弹窗组件|uniApp自定义popup组件
虽然官方提供的
uni-popup
或uview提供的popup组件也能实现一些弹窗效果。但是调用方式非常单一。并不能实现多样化需求。引入组
xiaoyan_2018
·
2023-08-22 04:18
uni-app实例
uniapp自定义组件
uniapp仿ios弹框
uniapp仿微信弹窗
uniapp模态框
uniapp加载框
【uniapp 中使用
uni-popup
阻止左滑退出程序】
在uniapp中,可以使用uni-app插件
uni-popup
提供的阻止左滑退出程序的功能。
cv全粘工程师
·
2023-08-14 21:57
uniapp
uni-app
记录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
vue.js
javascript
前端
uni-app
【微信小程序-uniapp】CustomDialog 居中弹窗组件
1.效果图2.组件完整代码<
uni-popup
:ref="ref"type="center"@change
Komorebi゛
·
2023-07-14 21:41
自定义组件
前端
微信小程序
uni-app
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
uniapp
uni-app
uni-popup
遮罩层事件穿透的问题
根据uniapp官方文档用了page-meta,这个属性,但是如果滑动遮罩层依然会出现滑动的现象,所以解决方法是在
uni-popup
里面加上style=“touch-action:none”,来阻止遮罩层滚动
阿强的博客
·
2023-06-09 19:42
uni-app
【Uniapp使用遇到问题合集】
使用遇到问题合集问题一跳转页面后无法进行滑动/滚动的操作描述解决方法问题二POST请求后台无法接收到前端传入的字段数据描述解决办法问题一跳转页面后无法进行滑动/滚动的操作描述如题,实际操作是我在uniapp自带的组件
uni-popup
淳杰
·
2023-04-15 12:21
uniapp
uni-app
前端
uni-app中
uni-popup
组件中滚动条问题
在组件中,禁用了滚动事件。因此,我们把这个事件去掉就可以了。打开组件代码,然后找到这段代码去掉就可以了。但是之后就会导致另外一个问题的出现,我们假设这样一个场景:1.在页面中,我们做了一个滚动分页的list,然后点击页面中的某个按钮,会弹出popup弹框,在弹框中我们需要滚动,在页面中我们同样需要滚动,那么就会出现,在弹出框上面滚动时,会同时出发页面上的滚动,从用户体验上来说,这肯定是不合理的。解
壹家全栈
·
2023-02-17 12:37
uniapp
uni-popup
弹出层组件 弹窗 无法弹出 自定义样式问题
uni-popup
弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩,后来调试了几次发现是因为没有自定义给弹出层宽高,尝试了几次终于做到自己想要的效果,话不多说,直接附上完整代码:效果图:点击弹出这是一个弹窗关闭弹窗
小芬1
·
2022-09-29 19:43
html
css
javascript
uni-app
vue
uniapp组件-
uni-popup
弹出层
目录一、基本用法二、自定义弹出层(dialog+message)示例三、提交信息(input+延迟关闭)四、底部分享示例官方示例:
uni-popup
弹出层-DCloud插件市场弹出层组件用于弹出一个覆盖到页面上的内容
普通网友
·
2022-09-29 18:00
前端
html
css3
前端
css
解决uniapp使用三方四级联动插件ehPicker 配合
uni-popup
弹出层使用时出现无法滑动的问题
出现问题的原因在
uni-popup
上:@touchmove.stop.prevent="clear"
uni-popup
组件默认是阻止了默认事件的冒泡因为我整个项目中只用到了这一处弹出层组件,所以解决办法直接修改
W登峰造极
·
2022-09-29 18:51
uniapp
vue.js
javascript
uni-app引入
uni-popup
弹出层插件以及列表复选框选中与取消
uni-popup
弹出层引入基于uni-app的UI组件库选择项目{{item.projectName}}取消确认点击弹出层按钮://添加项目弹框addProject(){//this.showTextArea
Take^that
·
2022-09-29 18:19
#
uni-app
uni-app弹出层
uni-popup
使用以及修改默认样式
uni-popup
官方文档我这里的背景是弹出一个选择规格的菜单。
lsjweiyi
·
2022-09-29 18:05
前端
uni-app
uni-popup
style
scoped
深度选择器
vue
uniapp
uni-popup
弹窗在app端内容过多时,不滑动的问题
uniapp在使用自定义弹窗时,在内容过多的情况下,
uni-popup
标签内的内容不能上下滑动。
小鳄鱼丶
·
2022-09-29 18:57
uniapp
uni-app
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
uni-appcss3sass
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
前端vue.js小程序
在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
uniapp
微信小程序快捷登录
/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
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他