当前位置: 首页 > news >正文

wp建站网络营销的定义是什么

wp建站,网络营销的定义是什么,科技流小说,wordpress 视频广告今日在做项目的时候,遇到一个小问题,在同一页面,使用Element的弹框组件,却发现第二次弹框得鼠标点击之后才会显示变亮,似乎被遮住了!(如图效果); 才发现,element 的dialo…

今日在做项目的时候,遇到一个小问题,在同一页面,使用Element的弹框组件,却发现第二次弹框得鼠标点击之后才会显示变亮,似乎被遮住了!(如图效果);

 才发现,element 的dialog嵌套问题,之所以第二次弹出的会被遮住,是因为没有给定 append-to-body

正常情况下,我们不建议使用嵌套的 Dialog,如果需要在页面上同时显示多个 Dialog,可以将它们平级放置。对于确实需要嵌套 Dialog 的场景,我们提供了append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确。

如果需要在一个 Dialog 内部嵌套另一个 Dialog,需要使用 append-to-body 属性。

<template><div id="datagovernIssu"><div id="catalogTotalChart" style="height: 500px;width: 100%;"></div><el-dialog:title="'数据治理总览-已发布服务-市交通委'+ govName":visible.sync="innerVisible"width="1100px" append-to-body>   //第二次弹框!<template><div style="margin-left: 450px" ><span style="align-content: center;">上海市交通委已发布服务详情</span></div><el-table:data="tableData"style="width: 100%"></template></el-dialog></div>
</template><script>export default {name: 'datagovernIssu',data() {  }}},methods: {clickHandle() {this.catalogTotalChart.on('click','series.bar', (params) => {this.innerVisible = true;//将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确。});}}

在第二次弹框加一个append-to-body就好了!(如图演示)

 --------------------------------拓展--------------------------------

Element组件之【Dialog 对话框】

Attributes

参数说明类型可选值默认值
visible是否显示 Dialog,支持 .sync 修饰符booleanfalse
titleDialog 的标题,也可通过具名 slot (见下表)传入string
widthDialog 的宽度string50%
fullscreen是否为全屏 Dialogbooleanfalse
topDialog CSS 中的 margin-top 值string15vh
modal是否需要遮罩层booleantrue
modal-append-to-body遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上booleantrue
append-to-bodyDialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 truebooleanfalse
lock-scroll是否在 Dialog 出现时将 body 滚动锁定booleantrue
custom-classDialog 的自定义类名string
close-on-click-modal是否可以通过点击 modal 关闭 Dialogbooleantrue
close-on-press-escape是否可以通过按下 ESC 关闭 Dialogbooleantrue
show-close是否显示关闭按钮booleantrue
before-close关闭前的回调,会暂停 Dialog 的关闭function(done),done 用于关闭 Dialog
center是否对头部和底部采用居中布局booleanfalse

 

 

链接:https://blog.csdn.net/weixin_43970743/article/details/88971981?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

http://www.lbrq.cn/news/2729161.html

相关文章:

  • 收藏网站的链接怎么做多少关键词排名优化软件
  • 辽宁建设工程信息网场内业绩什么意思南京百度关键字优化价格
  • p2p网上贷款网站建设方案.docx深圳互联网公司50强
  • 网站开发包含的项目和分工今日头条搜索优化怎么做
  • 门户网站微信服务号建设方案怎么让百度收录
  • 新乡建设公司网站做个公司网站一般需要多少钱
  • 佛山市建设局网站公司网络营销推广软件
  • 成都 网站设计百度seo怎么优化
  • 如何区分官方网站和空壳网站平台推广是什么
  • 宜昌市建设信息网站成都专业的整站优化
  • 网站查询seo中国进入一级战备状态了吗
  • 图片生成网址seo关键词排名优化推荐
  • 九江市做网站的公司seo实战
  • 怎么去掉wordpress首页关注我们厦门seo怎么做
  • 做什网站推广真实有效全渠道营销的概念
  • 做网站找哪个好googleseo排名公司
  • 欧美一级a做爰片免费网站网站排名靠前方法
  • 运城建设银行网站点千度seo
  • 深圳燃气公司官网seo宣传网站
  • 学校html网站模板代码深圳网络营销策划
  • 武昌网站建设公司软文推广案例大全
  • wordpress不用ftp下载文件网络优化工资一般多少
  • 找做金融的网站广告营销的经典案例
  • 家装公司加盟网络舆情优化公司
  • 近期军事新闻热点事件成都seo优化排名推广
  • 合肥网站建设多少钱网址大全下载到桌面
  • 请人建网站应注意什么软文推广代表平台
  • 动态网站开发日志百度竞价sem入门教程
  • 做的网站怎么申请软件著作权专业seo外包
  • 自己做网站如何赚钱吗百度提问登陆入口
  • JVM执行引擎深入理解
  • Highcharts Dashboards | 打造企业级数据仪表板:从图表到数据驾驶舱
  • [AI React Web] E2B沙箱 | WebGPU | 组件树 | 智能重构 | 架构异味检测
  • 华为悦盒EC6108V9-1+4G版-盒子有【蓝色USB接口】的特殊刷机说明
  • SeaTunnel MCP Server 入选《中国信通院开源商业产品及企业典型案例集(2025)》
  • ZKmall开源商城的容灾之道:多地域部署与故障切换如何守护电商系统