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 () {}
 }


相关文章
|
10月前
|
JavaScript
Vue Antdv 列表(table、list)自定义空数据状态UI
Vue Antdv 列表(table、list)自定义空数据状态UI
401 0
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
1558 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
19天前
|
移动开发 前端开发
vue3 Element-Plus封装的el-tree-select的使用
vue3 Element-Plus封装的el-tree-select的使用
21 0
vue3 Element-Plus封装的el-tree-select的使用
|
19天前
|
JavaScript
vue3使用element-plus 树组件(el-tree)数据回显
vue3使用element-plus 树组件(el-tree)数据回显
20 0
|
19天前
|
JavaScript 前端开发
vue3+ts+element home页面侧边栏+头部组件+路由组件组合页面教程
这是一个Vue.js组件代码示例,展示了带有侧边栏导航和面包屑导航的布局。模板中使用Element Plus组件库,包含可折叠的侧边栏,其中左侧有 Logo 和导航列表,右侧显示更具体的子菜单。`asideDisplay`控制侧边栏宽度。在`script`部分,使用Vue的响应式数据和生命周期钩子初始化路由相关数据,并从localStorage恢复状态。样式部分定义了组件的颜色、尺寸和布局。
37 1
|
19天前
|
API
table组件隐藏额外内容并使用Toolpit显示(vue3)
table组件隐藏额外内容并使用Toolpit显示(vue3)
|
19天前
|
JavaScript 索引
Vue3——element-plus表格组件怎样得到当前行的id
Vue3——element-plus表格组件怎样得到当前行的id
90 0
|
11月前
|
存储 网络架构
Vue3-admin-element框架学习笔记----5(最终篇--动态路由)
Vue3-admin-element框架学习笔记----5(最终篇--动态路由)
121 0
|
7月前
|
JSON JavaScript 前端开发
vue+Element实现Tree树形(是否默认展开所有节点属性: default-expand-all)
vue+Element实现Tree树形(是否默认展开所有节点属性: default-expand-all)
57 0
|
10月前
|
JavaScript API
Vue3 + Element-plus Tree 组件的 @check 事件使用方案
Vue3 + Element-plus Tree 组件的 @check 事件使用方案
434 0