时间戳

首页 > 解决方案 > 通过输入将值传递给方法

javascript - 通过输入将值传递给方法

问题描述

我有一个像这样的输入字段：

<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，但我正在尝试创建一个更通用的方法。

标签： javascriptvue.js

解决方案

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

现在您的方法可以访问该事件，并通过 true：

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

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

推荐阅读