解决vue2项目 el-dialog弹窗不显示

初始写法 使用了v-model 弹窗不显示


          

{{ selectedItemContent }}

将v-model改为:visible.sync="dialogVisible" 就可以了

  
          

{{ selectedItemContent }}

但是此时的弹窗在遮罩层底下 无法点击关闭

解决vue2项目 el-dialog弹窗不显示_第1张图片

我们还需要增加一个配置::append-to-body="true"

 
          

{{ selectedItemContent }}

这样就可以啦 如图:

解决vue2项目 el-dialog弹窗不显示_第2张图片

你可能感兴趣的:(笔记,vue.js,elementui,javascript)