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

  • 相关阅读:
    sprinf sprintf_s 的用法
    c++中static的用法详解
    C++数值类型与string的相互转换
    setTimeout(function(){}, 0);
    学习 Node.js 的 6 个步骤
    $destroy——angular
    模态框——angular
    日期控件
    前端加密
    ui-router
  • 原文地址:https://www.cnblogs.com/phermis/p/11395169.html
Copyright © 2011-2022 走看看