NuxtN
Nuxt•2y ago
BobLamarley

Call method og a RefImpl Object

I have exported a method from a component via defineExpose :
<script setup>
    const props = defineProps(['country'])

    let selectedCountry = ref(null)
    let list = ref([])
    let loading = ref(false)
    let label = "Select a country"

    async function getCountry(countryName) {
        let country = null

        await baseFetch("/api/geocoding/search_country/?query=" + countryName, {
            method: "GET",
        })
        .then(res => {
            country = res[0]
        })
        .catch(err => {
            console.log(err)
        })

        return country
    }

    defineExpose({
        getCountry
    })
</script>

then i have reffed this component with ref="myRef" 
                              <SearchCountries ref="refCountry" :id="'search-country-' + index" class="pt-4" style="width: 210px" v-model="metadataResults[index][header.key]" :country="metadataResults[index][header.key]" />

in the template part and i'm trying to call the child method of the component from the parent, i'm having a RefImpl object (cf the capture image ) who actually has my method called getCountry but i don't know how to call it and she's not known with my current call
Here is how i tried to call it : 
refCountry[0].getCountry(cell.value)
image.png
image.png
Was this page helpful?