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内使用才会生效。