問(wèn)題描述：由于原有項(xiàng)目（傳統(tǒng)項(xiàng)目）中嵌入新的vue組件，dialog彈出框的z-index：999999；任然不起作用；

解決辦法：將vue實(shí)例掛載到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不起作用，前面內(nèi)容只是鋪墊）

?

總結(jié)描述：由于項(xiàng)目版本的迭代，需要將新的項(xiàng)目（使用的vue框架）嵌入到原有的傳統(tǒng)的html文件項(xiàng)目中，控制臺(tái)提示找不到vue組件。除了正確引入vue實(shí)例外，需要查看NGINX配置是否正確

?

轉(zhuǎn)載于:https://www.cnblogs.com/phermis/p/11395169.html

總結(jié)

以上是生活随笔為你收集整理的vue项目中z-index不起作用（将vue实例挂在到window上面）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。