element中的弹框怎么设置不是全屏遮罩层不遮罩的地方还可以点击

要设置element中的弹框不遮罩的地方还可以点击，可以使用`append-to-body`属性和`modal-append-to-body`属性。

首先，在弹框的标签上添加`append-to-body`属性，这将使弹框的内容添加到body元素中，而不是当前组件的位置。

接下来，在遮罩层的标签上添加`modal-append-to-body`属性，这将使遮罩层也添加到body元素中。

这样一来，弹框的内容和遮罩层都会被添加到body元素中，不会受到父组件的限制，从而实现不遮罩的地方还可以点击。

以下是一个示例代码：

<template>
  <div>
    <el-button @click="showDialog">打开弹框</el-button>
    <el-dialog :visible.sync="dialogVisible" append-to-body>
      <span>这里是弹框的内容</span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    }
  }
};
</script>

通过以上设置，弹框会以浮动的形式显示在页面上，并且不会遮罩其他区域，其他区域仍然可以点击。