与vuetify的工具提示一起使用时，signaturePad的尺寸为0

Question

我正在使用signaturePad（https://github.com/szimek/signature_pad）和vuetify的工具提示（https://vuetifyjs.com/en/components/tooltips#tooltips）

我正在使用类似这样的东西：

<template v-slot:activator="{ on }">
  <span v-on="on">
    <VSignaturePad />
  </span>
</template>

但是，由于某些原因，signaturePad的画布的尺寸为0（0宽度和0高度）。

我读到某处使用resizeCanvas()解决了这个问题：

this.$nextTick(() => this.$refs.signaturePad.resizeCanvas());

但是它不适用于我的。但是，我注意到，每当更新代码时，画布属性的宽度和高度都已正确设置。重新加载浏览器时，画布的尺寸再次重置为0。