通过输入将值传递给方法

时间:2018-12-20 21:03:59

标签: javascript vue.js

我有一个输入字段,如下所示:

<input type="text" @input=readInput('usernameInput')>

数据和方法:

data() {
   return {
       usernameInput = false;
   };
},
readInput(form) {
    console.log(form); //usernameInput
}

因此,只要用户在input字段中输入字符,readInput方法就会被传递一个单词'usernameInput'来激活。

但是我正在尝试做这样的事情:

readInput(form) {
    this.form = true;
}

基本上,当有人在输入字段中输入任何内容时,我希望usernameInput更改为true。因此,我希望this.form等于this.usernameInput。我有办法实现这一目标吗?

请注意:这是一个简单的示例;我知道我可以做this.usernameInput = true,但是我正在尝试创建一个更通用的方法。

1 个答案:

答案 0 :(得分:1)

<input type="text" name="usernameInput" @input="readInput($event, true)"/>

现在您的方法可以访问该事件并传递true:

readInput(e, flag) {
    this[e.target.name] = flag
}

为您提供更动态,更通用的解决方案。