基本输入隐藏文本而不是在字段内显示它

Question

我已经为 Vue.js 下载了 this design kit。

问题是，当我在里面写文字时，它会查看我写的文字，但是当我从字段中移出焦点后，文字被隐藏，占位符显示回来，但我不能理解它为什么这样做。

当我在写入字段值后打印字段值时，我得到了我写入的值，但我在字段中根本看不到它。

这是我使用的代码：

<base-input class="input-group-alternative mb-3"
    :placeholder="email"
    addon-right-icon="ni ni-email-83"
    v-model="emailVal"
    required="true"
    :dir="dir">
</base-input>

我将 email 参数作为 "Email Address" 传递，将 dir 参数作为 "ltr".

传递

你能帮我理解为什么它不能将我的输入保留在字段中吗？

Answer 1

显然问题是我没有在我的数据对象中声明 emailVal。
我是这样添加的，它起作用了：

export default {
    data() {
        return {
            email: 'Email Address',
            dir: 'ltr',
            emailVal: ''
        }
    }
}

基本输入隐藏文本而不是在字段内显示它

Base Input hides text instead of showing it inside the field

input

placeholder

vue.js