小编Oli*_*ier的帖子

如何使用 Vue 类组件访问 VueJS 3 和 Typescript 中的 HTML 引用?

我正在解决以下问题:我使用 Vue 3 和 Typescript 创建了一个 QRCode 组件,代码如下:

<template>
  <canvas ref="qrcodeVue"> </canvas>
</template>

<script lang="ts">
import QRCode from "qrcode";
import { Vue, Options } from "vue-class-component";
import { ref } from "vue";

@Options({
  props: {
    value: {
      type: String,
      required: true
    },
    size: {
      type: [Number, String],
      validator: (s: [number | string]) => isNaN(Number(s)) !== true
    },
    level: {
      type: String,
      validator: (l: string) => ["L", "Q", "M", "H"].indexOf(l) > -1
    },
    background: String,
    foreground: String
  }
})
export default …
Run Code Online (Sandbox Code Playgroud)

javascript typescript vue.js vue-class-components vuejs3

7
推荐指数
1
解决办法
4796
查看次数