z-index为-1时不能点击组件的解决的解决办法

1. z-index设为0. 主区域设为position:relative; z-index: 1;这样能保证背景层不会影响主区域，并且在主区域外的部分也可以点击。

<template>
<div>
    <div class="bar">

    <div class="content">
</div>
</template>


<style scoped>
.bar {
  position:relative; 
  z-index: 1;
}
.content {
  position:absolute;
  left:0px;
  top:130px;
  z-index:0;
}
</style>