Vue JS получить логическое значение из входного тега

Question

Я изо всех сил пытаюсь понять, как получить логическое значение из входного текста, если есть напечатанный текст внутри или нет. Я имею в виду, я хотел бы знать, как получить true / false из тега ввода текста в зависимости от того, содержит ли он текст или нет. Я использую Vue JS 2.

Answer 1

вы можете использовать вычисляемую переменную:

<template>
    <input type="text" v-model="text"/>
</template>

<script>
    export default {
        name: 'TestComponent',
        data(){
            return {
                text:''
            }
        },
        computed: {
            isFilled(){
                return this.text.trim().length > 0
            }
        }
    }
</script>

<style scoped>

</style>