vue项目中z-index不起作用（将vue实例挂在到window上面）

问题描述：由于原有项目（传统项目）中嵌入新的vue组件，dialog弹出框的z-index：999999；任然不起作用；

解决办法：将vue实例挂载到window

解决代码如下：

入口文件index.js中

import Index from './components/index.vue'
import './index.pcss'

function install (Vue) {
  Vue.component('gys-index-list', Index)
}

if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}

在父组件中正确引入压缩后的css文件+js文件（这里截图的父组件是html文件）

将元素添加到body上面（解决z-index不起作用，前面内容只是铺垫）

 

总结描述：由于项目版本的迭代，需要将新的项目（使用的vue框架）嵌入到原有的传统的html文件项目中，控制台提示找不到vue组件。除了正确引入vue实例外，需要查看NGINX配置是否正确