typescript - Vetur 说，在模板上使用道具时，“从不”类型中不存在道具

Question

我在 VSCode 上使用带有 vue 组合 API 和 typescript 的 Quasar 框架。

尝试在模板中使用道具时，Vetur 给了我模板中的错误Property 'open' does not exist on type 'never'

来源

<template>
  <q-drawer v-model="open">
    test
  </q-drawer>
</template>

<script lang="ts">
import { defineComponent, ref } from '@vue/composition-api';

export default defineComponent({
  name: 'AuthedLayout',
  props: {
    open: {
      type: Boolean,
      required: true
    }
  },
  components: {},
  setup() {}
});
</script>

<style></style>

任何帮助表示赞赏

Answer 1

发现问题。这是因为我没有 a returninsetup函数。该错误具有误导性

Answer 2

请尝试使用 Quasar 的以下语法，我在使用 antd 和 vue 时遇到了同样的问题。v-model:value 应该可以工作，它会与 q-drawers v-model 同步

  <q-drawer v-model:value="open">
    test
  </q-drawer>