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
},