模态框只显示阴影，没有对话框

Question

模态框只显示阴影部分，不显示对话框的内容。点击按钮就只显示阴影

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/733728
• 你也可以参考下这篇文章：解决热力图坐标轴文字保存显示不全，数字越界显示不全，刻度条负号显示为框的问题
• 除此之外, 这篇博客: 点击按钮隐藏或显示图片中的 显示与隐藏图片 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  直接上代码吧！！！！

  <div id="app">
   <img src="demo.png" v-show="showtime" />
   <el-button @click="click">显示图片</el-button>
  </div>
   
  <script>
  new Vue({
    el: '#app',
    data: {
   showtime: false
    },
    methods:{
     click(){
      this.showtime = true;
     }
    }
  })
  </script>

  这里看到v-show的初始值是false，也就是说他是不显示的

  <div id="app">
   <img src="demo.png" v-show="showtime" />
   <el-button @click="click">隐藏图片</el-button>
  </div>
   
  <script>
  new Vue({
    el: '#app',
    data: {
   showtime: true
    },
    methods:{
     click(){
      this.showtime = false;
     }
    }
  })
  </script>

  两者换一下Boolean值，功能也就相反了！

• 您还可以看一下 黄菊华老师的教你如何编程搭建后台管理系统（网站开发就业技能）课程中的 框架演示小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^