小编Tol*_*ldo的帖子

我正在尝试复制此内容，仅使用<script setup>没有this关键字的标签。

模板（来自我试图复制的代码）

<swiper ref="swiper">
    <swiper-slide></swiper-slide>
    <swiper-slide></swiper-slide>
</swiper>

<a class="swiper-navigation is-previous" @click="swiper.slidePrev()"></a>
<a class="swiper-navigation is-next" @click="swiper.slideNext()"></a>

脚本（来自我试图复制的代码）

computed: {
    swiper() {
        return this.$refs.swiper.swiper;
    }
}

尝试使用getCurrentInstance()但由于某种原因getCurrentInstance().refs返回空对象{}，即使我这样做时它就在那里console.log(getCurrentInstance())。

我的<script setup>组件

<script setup lang="ts">

import { Swiper, SwiperSlide } from 'swiper/vue';

const swiper = // ???

const handleNextSlide = () => swiper.slideNext()
const handlePrevSlide = () => swiper.slidePrev()

</script>


<template>

<div>

    <button @click="handlePrevSlide()">Prev</button>
    <button @click="handleNextSlide()">Next</button>

    <Swiper ref="swiper"> …