Vuejs2 将输入值直接传递给循环中的函数

Vuejs2 将输入值直接传递给循环中的函数,vuejs2,Vuejs2,所以基本上我有这个, <ul class="queryView"> <li v-for="(object, index) in Objects" > {{ object.key }} <input type="text" @input="saveValue(value)" > </li> </ul&

所以基本上我有这个,

    <ul class="queryView">
      <li
      v-for="(object, index) in Objects"
      >
        {{ object.key }}
        <input
        type="text"
        @input="saveValue(value)"

        >
      </li>
    </ul>
因为它在一个循环中,所以v-model不起作用,因为它们会影响每个循环元素。i、 e如果在一个输入字段中输入一个单词,所有字段将显示相同的单词

因此,我需要将输入值直接输入到函数中

参见文档:

[…]该方法接收本机事件作为唯一参数。如果使用内联语句,该语句可以访问特殊的
$event
属性:
v-on:click=“handle('ok',$event)”

有一个属性,在您的情况下,该属性是您的元素,您可以在其上读取其当前值

newvue({
el:“#应用程序”,
方法:{
保存值(事件){
const target=event.target;
常量值=target.value;
console.log(值);
},
otherMethod(text1,事件){
console.log(text1);
日志(event.target.value);
},
},
});

  • {{i}
使用内联语句:


v型车
如果使用得当,也能正常工作

看这把小提琴:

但是,如果您想使用函数来处理这些值,也可以,但要详细得多

看这把小提琴:

谢谢,冗长的方式很酷。你喜欢哪种方法都可以
 saveValue(value){
    ... do somthing with value
  },