Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

Using the new Composition API I am trying to get data from an input and pass it to a function which expects a string . However, TypeScript is complaining the types don't match up because one is a Ref<> . What am I supposed to do here?

<script setup lang="ts">
import { ref } from 'vue'
import formHandler from '../utils/formHandler'
const name = ref('')
</script>
<template>
  <div class="form">
    <label for="name">Name:</label>
    <input name="name" v-model="name"/>
    <button @click="formHandler.validate(name)">Validate</button>
</template>
        

Thanks for contributing an answer to Stack Overflow!

  • Please be sure to answer the question. Provide details and share your research!

But avoid

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.