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配置是否正確