mui怎样让popverd出框始终显示在中间位置

mui怎样让popverd出框始终显示在中间位置,第1张

让popverd出框始终显示在中间位置 就不要用 <a href='#popver'>,自己写一个标签,比如:

<button type="button" @click="transferOder">转移订单</button>

通过点击事件 控制 popver的显示和<div class="mui-backdrop "></div>的显示

并且在点击事件中控制popver的定位: $('#middlePopover').css('top',$(window).scrollTop()+180)//定位的关键代码

这样不管页面如何滚动 popver始终处于最中间的位置。

############

刚好最近在写一个vue 和mui的项目,mui的popver封装的js是定位点击的位置,不能让他始终在中间,又看了网上各种各样的答案都不太符合,然后自己写了一个。有什么不懂的可以邮件635036447@qq.com

不知道大家遇没遇到过在element的表格中使用popoverd窗提交表单的问题,看了网上有一些解决方法,用popover的内置函数控制显示隐藏,感觉很鸡肋。

有很多不方便的地方,试一下这样,完美解决

官网给的是有两种控制显示隐藏的方法,一种是v-model,一种是v-popover,另辟蹊径,因为v-model里不能使用三目运算去判断,所以索性给它一个true,用v-show去控制popover的显示隐藏,这样就跟别的表单一样了,在里面修改数据,然后确定函数中提交表单,发请求,搞定。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11584687.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存