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

Question

我已经为 Vue.js下载了这个设计工具包。

问题是，当我在其中写文本时，它会查看我写的文本，但是在我从字段中聚焦后，文本被隐藏并且占位符被显示回来，但我不明白为什么会这样.

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

这是我正在使用的代码：

<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参数作为“电子邮件地址”传递，将dir参数作为“ltr”传递。

您能否帮助我理解为什么它不能将我的输入保留在该字段内？

标签： vue.jsinputplaceholder

Answer 1

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

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