Vue3 自动触发按钮click 事件

<template>
<q-btn push v-print="printViewInfo" ref="printButton">打印</q-btn>
</template>
<script setup>
import { ref, nextTick } from 'vue';

// 变量名字必须与ref一致
const printButton = ref(null);

// 打印窗体打开时,自动点击打印按钮
const functionName = () => {
  nextTick(() => {
    setTimeout(() => {
      printButton.value.$el.click();
    }, 100);
  });
});

</script>

 Vue里面在onMounted之外使用document.getElementById会获取不到Dom, 同理也需要在nextTick内使用才会生效。

posted @ 2024-04-19 16:20  一口一个小馒头  阅读(1210)  评论(0编辑  收藏  举报