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

转载于:https://www.cnblogs.com/phermis/p/11395169.html

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

vue项目中页面生成pdf并下载，vue 中页面转PDF
方法一第一步.安装插件 // 第一个.将页面html转换成图片 npm install --save html2canvas // 第二个.将图片生成pdf npm install jspdf -- ...
如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
【vue】如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
转：如何在Vue项目中使用vw实现移动端适配
https://www.w3cplus.com/mobile/vw-layout-in-vue.html 有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flex ...
vue项目中如何设置ico图标
在vue项目开发中往往会设计到浏览器头部图标的设置,这里分享一下自己在项目中的使用的方法,如有不足的地方还望指正,直奔主题: 1.首先如何制作ico图标,本人使用的是比特虫在线制作ico图标,使用方法 ...
VUE 项目中引入外部js文件（CND引入）
以VUE项目中引入echarts文件为例: 第一步在VUE项目中找到index.html文件引入 :<script src="https://cdnjs.cloudflare.com ...
解决vue项目中的前端跨域问题
什么是跨域正常情况下,我们使用ajax请求的数据都在自己的服务器上.但在一些特定的场景中,我们需要获取到别人的服务器上的数据,也就是在自己的服务器中的ajax要请求到别人的服务器的网址,这就是跨域. ...
vue项目中flag的作用
vue项目中flag的作用一.项目背景 1.大数据接口请求优化(5S请求一次) 2.点击页码请求flag来判断一.项目背景短信发送列表页面,由三部分组成,搜索条件,列表,页码.因为当前列表是大数 ...
Vue项目中你是如何解决跨域的呢？
Vue项目中你是如何解决跨域的呢? 一.跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能所谓同源( ...

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

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

最新文章

热门文章