Loops 如何将事件处理程序添加到Vue循环中的第一项？

我有一个迭代的项目列表，需要以编程方式向第一个呈现元素添加事件处理程序。我不认为这在Vue中是可能的

<div ref="componentList" class="component-list col-9">
            <template
                v-for="( course, index ) in sortedCourseList"
            >
                <span
                    v-if="( index > 0 ) && (course.courseTitle[ 0 ] !== sortedCourseList[ index - 1].courseTitle[ 0 ])"
                    :id="course.courseTitle[ 0 ]"
                    :key="index"
                    class="component-list__letter-heading"
                >
                    {{ course.courseTitle[ 0 ] }}
                </span>
                <CardLong
                    v-else
                    :key="index"
                    :ref="'card' + index"
                    >>> EVENT HANDLER <<<
                    :title="{
                        text: course.courseTitle,
                        order: 1,
                    }"
                    titleTag="h2"
                    icon
                />
            </template>
        </div>

---

在CardLong组件实例中。

您可以使用三元运算符有条件地调用事件中的函数，无论是什么：

<div v-for="(a, i) in [1,2,3,4]" :key="i" @click="i == 0 ? doSomething() : ''">
  Click Me!
</div>

点击我！

您可以使用三元运算符对事件有条件地调用函数，无论是什么：

<div v-for="(a, i) in [1,2,3,4]" :key="i" @click="i == 0 ? doSomething() : ''">
  Click Me!
</div>

点击我！

你说的这个“事件处理程序”是什么？理论上，它可以是任何东西，比如

@click

，具体来说，我正在使用一个名为vue intersect的库，并将使用创建IntersectionObserver侦听器的

@enter

事件处理程序。你说的这个“事件处理程序”是什么？理论上，它可以是任何东西，例如

@单击

，具体来说，我正在使用一个名为vue intersect的库，并将使用

@enter

事件处理程序来创建IntersectionObserver侦听器。