zoukankan      html  css  js  c++  java
  • 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配置是否正确

  • 相关阅读:
    对象实例化内存布局与访问定位
    方法区

    本地方法栈
    本地方法接口
    虚拟机栈
    程序计数器
    运行时数据区概述及线程
    自学》2.网页弹窗计算商品价格
    自学》1.用网站发邮件
  • 原文地址:https://www.cnblogs.com/phermis/p/11395169.html
Copyright © 2011-2022 走看看