vue.js 如何在PhpStorm中显示到的路径?

eqoofvh9  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(105)

在我的测试应用程序中,App.vue中有一个EntryEditor组件。

<script lang="ts" setup>
import EntryEditor from "./components/EntryEditor.vue";
import { reactive } from "vue";
import type Entry from "@/types/Entry";
const doSomething = (entry: Entry) => {
  console.log(entry);
};
</script>

<template>
<main class="container m-auto p-10">
<TheHeader />
<EntryEditor @@create="doSomething" />
</main>
</template>

条目编辑器:

<script lang="ts" setup>
import { ref, computed } from "vue";
import type Entry from "@/types/Entry";

const text = ref("");
const emoji = ref<Emoji | null>(null);
const maxChars = 280;

defineEmits<{
(e: "@create", entry: Entry): void;
}>();
</script>

<template>
<form
class="entry-form"
@submit.prevent="
  $emit('@create', {
    body: text,
    emoji,
    createdAt: new Date(),
    userId: 1,
    id: Math.random(),
  })
"
>
<EmojiField v-model="emoji" />
<div class="entry-form-footer">
  <span>{{ charCount }} / {{ maxChars }}</span>
  <button>
    Remember
    <ArrowCircleRight width="20" />
  </button>
</div>
</form>
</template>

如果我尝试在@@create上查找路径,则会出现以下消息:

我可以在哪里启用帮助查找路径的工具?

wribegjk

wribegjk1#

尚不支持此功能,请遵循WEB-52121以获取更新

相关问题