vue v-model如何动态绑定变量?
编入多个input输入,每个input根据index v-model为input_index
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script> </head> <body> <div id="app"> <div v-for="(subitem,j) in inputlist"> <input v-model="inputv" :value="j+1" type="text" :id="'d'+j" name="opt" /> </div> </div> <script> new Vue({ el: '#app', data: { inputv: "", inputlist: [1, 2, 3], }, }); </script> </body> </html>如何实现不同的input自动绑定不同的-model
高手回复
这样就行了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>
</head>
<body>
<div id="app">
<div v-for="(subitem,j) in inputlist">
<input v-model="inputdata['line_'+j]" type="text" />
</div>
<button @click="see">
查看
</button>
</div>
<script>
new Vue({
el: '#app',
data: {
inputv: "",
inputdata: {
line_0: '', line_1: '', line_2: ''
},
inputlist: [1, 2, 3],
},
methods: {
see() {
console.log(this.inputdata);
}
}
});
</script>
</body>
</html>