我有一個vuetify文本區，需要在一個覆蓋之上，它是，但也在一個對話框之上，這不是因為我不能輸入文本到文本區，而對話框是打開的。

我已經創建了一個應用程序內的演練，使用一個帶有持久設置的對話框，這樣當你在對話框外點擊時就不能關閉它了。然后我想做的是能夠在文本區域輸入文本，但保持對話框打開。我對其他類型的vuetify組件也是這樣做的，但是由于某種原因，即使文本區域的z-index是頁面上最高的，文本區域也不想合作。

這是我的代碼..

<template>
  <v-container 
    fluid
  >
    <v-row 
      align="center"
      justify="center"
      class="mt-12 ml-n6" 
    >
      <v-col 
        cols="11"
        align="start"
      >
      <h1
        class="font-weight-bold oswald"
        >Copy and Paste
      </h1>
      </v-col>
    </v-row>

    <v-row 
      align="center"
      justify="center"
      class="mt-n4 ml-n6" 
    >
      <v-col 
        cols="11"
        align="start"
      >
      <p
        class="oswald text-h6"
        >Copy and paste the skus you would like to pull into your store
      </p>
      </v-col>
    </v-row>

    <v-row
      align="center"
      justify="center"
      class="ml-6"
      id="copyPaste"
    >
      <v-col 
        col="11"
        :style="{ 'z-index': this.returnHelp.current_step == 4 ? 5 : 0 }"
      >
        <v-row>
          <v-col 
            cols="12"
          >
            <v-textarea
              solo
              label="Enter, in this box, the Amazon SKUs you would like to pull"
              v-model="skus"
            ></v-textarea>
          </v-col>
        </v-row>
      </v-col>
    </v-row>
    
    <v-row
      align="start"
      class="ml-6"
    >
      <v-col cols="11">
        <v-btn
          large
          color="#68007d"
          class="white--text"
          @click="turnIntoArray"
          :style="{ 'z-index': this.returnHelp.current_step == 5 ? 5 : 0 }"
        >PULL
        </v-btn>
      </v-col>
    </v-row>
    <working></working>
    <overlay></overlay>
    <help></help>
  </v-container>
</template>

<script>
  import axios from 'axios'
  import sharedFunctions from '../../mixins/shared_functions'
  import mobile from '../../mixins/mobile'
  import working from '../dialogs/working'
  import help from '../dialogs/help'
  import overlay from '../overlay'


export default {
  mixins: [sharedFunctions, mobile],
  components: {
    working,
    help,
    overlay
  },
    data() {
      return {
        skus: "",
        arrayOfSkus: []
      }
    },
    async mounted() {
      await this.getRemoteHelp()
    },
    computed: {
    },
    methods: {
      turnIntoArray() {
        this.arrayOfSkus = _.compact(this.skus.replace( /\n/g, " " ).split(/(?:,| )+/))
        this.requestAmazonSkus()
      },
      async requestAmazonSkus() {
        let response = await axios.get('/get_report', {params: {marketplace: this.returnSelectedMarketplace, skus: this.arrayOfSkus}})
      }
    }
  }
</script>

@導入../../styles/global _ styles . CSS '；