Vue js从输入标签中获取布尔值答案

【问题标题】：Vue js obtain boolean value from an input tagVue js从输入标签中获取布尔值
【发布时间】：2019-02-11 17:23:22
【问题描述】：

如果里面是否有输入的文本，我正在苦苦思考如何从输入文本中获取布尔值。我的意思是我想知道如何从文本输入标签中获取真/假，这取决于它是否包含文本。我正在使用 Vue js 2。

【问题讨论】：

你在创建一个接受输入的组件吗？
inputElement.value.length.trim() > 0?
@samayo 是的，我正在创建一个 html 输入标签 type="text"
使用 Vue 的绑定并检查控制器中的模型

标签： javascript vue.js vuejs2 vue-component vue-router

【解决方案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>

【讨论】：