Как передать Ref в функцию в template?

Question

[AlexCruel]

const apple = ref('');

cosnt validate = (inputRef) => {
    // inputRef - не значение, а ref
}

<template>
<input type="text" @input="() => validate(apple)" />
</template>

Answer 1

[Антон Антон]

Разворачивание не отключается. Если нужно что-то делать с реактивным объектом именно таким вот способом (но это прям попахивает), то придется обернуть все в объект, по типу такого: https://play.vuejs.org/#eNp9kU9PhDAQxb/K2Au7kUCMnj...
но, кажется, очень мало реальных задач требуют этого

Answer 2

[YepBro]

Попробуй вот так

<script setup>
import { ref } from 'vue';

const apple = ref('');

const validate = (inputRef) => {
    // Теперь inputRef — это ref, обращайтесь к значению через inputRef.value
    console.log(inputRef.value);
};
</script>

<template>
<input type="text" v-model="apple" @input="() => validate(apple)" />
</template>

Comments

[AlexCruel]

https://play.vuejs.org/#eNp9kctOwzAQRX9l8CapBIkQrE...

Строка передается

Answer 3

[Юрий Кравчук]

<script setup>
import { ref } from 'vue'

const apple = ref('')

const validate = (inputRef) => {
  console.log('Ref value:', inputRef.value)
}
</script>

<template>
  <input type="text" v-model="apple" @input="validate(apple)" />
</template>