• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo

vue 搞代码 4年前 (2022-01-08) 13次浏览 已收录 0个评论

这篇文章主要介绍了elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用:

   <title>Title</title><!-- import CSS --> #appLoading { width: 100%; height: 100%; } #appLoading span { position: absolute; display: block; font-size: 50px; line-height: 50px; top: 50%; left: 50%; width: 200px; height: 100px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }  <div id="appLoading"> <span>Loading...</span></div><div id="app">  <span> 您是否确定启用次记录?</span><span class="dialog-footer"> 启用取消</span></div><!-- import Vue before Element --><!-- import JavaScript --><!-- import jquery -->



ps:下面看下vue-elementUI 弹出框

 <div class="dial-header">  <div style="text-align: left;margin: 0;width:400px"> <div class="adp" style="width:300px;height:30px;line-height:30px;border-top:none;margin:0px 0px 0px 40px"> <b>本文来源gao@!dai!ma.com搞$$代^@码!网</b><div style="width:30px"></div></div><div style="padding-top:20px;text-align: right"> 取消确定</div></div>选择</div>

总结

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

以上就是elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址