问类星体2:在证监会中使用v-纹波指令，定义为<script setup>

EN

我正在尝试类星体v2.7.1框架(使用Vue 3、TypeScript、Pinia和路由器)，并希望使用语法来定义SFCs如何在正式的Vue 3文档中重新组合。但是，一旦我改变组件中任何元素的v-纹波指令，我就会面临以下错误：

TypeError:无法在updateModifiers (Ripple.js?v=eddf1594:65:45)、beforeMount (Ripple.js?v=eddf1594:112:9)、callWithErrorHandling (运行时-core.esm-bundler.js:155:22)、callWithAsyncErrorHandling (运行时-core.esm-bundler.js:164:21)、invokeDirectiveHook (运行时-core.esm-bundler.js:2791:13)、mountElement (运行时-core.esm-bundler.js:5180:13)、processElement (运行时-core.esm-bundler.js:5180:13)处读取未定义的属性。.js:5110:13) at修补程序(运行时-core.esm-bundler.js:5030:21) at ReactiveEffect.componentUpdateFn as fn at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)

如果v波纹指令被删除，问题就不会再次出现。

要再现，只需将默认类星体样板的EssentialLink.vue组件更改为

    <template>
     <q-item clickable tag="a" target="_blank" v-ripple>
        <q-item-section v-if="icon" avatar>
          <q-icon :name="props.icon" />
        </q-item-section>
    
        <q-item-section>
          <q-item-label>{{ title }}</q-item-label>
          <q-item-label caption>{{ caption }}</q-item-label>
        </q-item-section>
      </q-item>
    </template>
    
    <script setup lang="ts">
    const props = defineProps<{
      title: string;
      caption: string;
      link: string;
      icon: string;
    }>();
    </script>

问题是:这是我的错吗?我必须在某种程度上解决这个问题。还是窃听器？