La propiedad de título de Dialog se implementa con slot. (función de copia)

Cuando el contenido de su título necesita algunas funciones además del texto, como un botón de copiar, entonces necesita usar la ranura para pasar.

Esto es lo que dice la documentación:

 

Ejemplo:

<span slot="title" class="whitelist-title">
    <span> {
   
   { whitelistId }} </span>
    <span style="cursor:pointer" @click="copyActivityLink(whitelistId)"> <i class="el-icon-document-copy"></i></span>
</span>

 whitelistId es una variable, el evento de clic pasa en este valor y se puede llamar al siguiente método para copiarlo.

    // 复制
    async copyActivityLink(id) {
      const input = document.createElement("input");
      document.body.appendChild(input);
      input.setAttribute("value", id);
      input.select();
      if (document.execCommand("copy")) {
        document.execCommand("copy");
        this.$message.success("复制成功");
      } else {
        this.$message.error("复制失败");
      }
      document.body.removeChild(input);
    },

La página se muestra de la siguiente manera:

 

Supongo que te gusta

Origin blog.csdn.net/qq_56715703/article/details/132618985
Recomendado
Clasificación