vue-layer获取id设置层级z-index

简介: vue-layer获取id设置层级z-index

引入vue-layer全局注册

npm i vue-layer
// layer
import layer from 'vue-layer'
Vue.prototype.$layer = layer(Vue)
import commTagModal from “引入的组件”
this.$layer.iframe({
        content: {
          content: “引入的组件”,
          parent: this,
          data: {
            tips: 0, 
          }
        },
        area: ['90%', '90%'], // 前面设置宽度  后面设置高度
        title: `详细信息`,
        resize: true,
        maxmin: true,
        shadeClose: false
      })

在引入的组件props会自动添加layerid

export default {
  props: ['layerid'],
  name: 'name',
  mounted () {
    document.getElementById(this.layerid).style.zIndex = 10000
  },
  data () {}
 }


相关文章
|
JavaScript
Vue Antdv 列表(table、list)自定义空数据状态UI
Vue Antdv 列表(table、list)自定义空数据状态UI
678 0
|
3月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(3)基本数据元素(Data)其他功能函数以及组Group
本文介绍了Twaver HTML5中Data类的其他功能函数,如获取和操作子网元的方法,以及组(Group)的概念和使用。文章通过示例代码展示了如何在React组件中创建组、添加图元到组中,并通过toChildren函数获取满足特定条件的图元。
44 0
Twaver-HTML5基础学习(3)基本数据元素(Data)其他功能函数以及组Group
|
3月前
|
JavaScript 前端开发 UED
组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
该文章详细介绍了如何使用Vue3结合TypeScript来开发全局Header组件和列表数据渲染组件ColumnList,并提供了从设计到实现的完整步骤指导。
|
3月前
|
前端开发
Vue3基础(十ba)___在css中使用props或者计算属性的变量,来实现动态样式
本文介绍了如何在Vue3中通过CSS变量和props或计算属性来实现动态样式。
72 0
|
7月前
|
JavaScript
vue中router页面之间参数传递,params失效,建议使用query
vue中router页面之间参数传递,params失效,建议使用query
434 0
|
7月前
|
API
table组件隐藏额外内容并使用Toolpit显示(vue3)
table组件隐藏额外内容并使用Toolpit显示(vue3)
|
7月前
|
JavaScript
在store中的index.js中引入其他模块
在store中的index.js中引入其他模块
88 0
|
7月前
|
JavaScript 索引
Vue3——element-plus表格组件怎样得到当前行的id
Vue3——element-plus表格组件怎样得到当前行的id
206 0
|
JSON JavaScript 前端开发
vue+Element实现Tree树形(是否默认展开所有节点属性: default-expand-all)
vue+Element实现Tree树形(是否默认展开所有节点属性: default-expand-all)
137 0
|
JavaScript 前端开发
Vue列表渲染+key作用及原理
Vue列表渲染+key作用及原理