Vue

by shubhampokhriyal

HTML

<div id="app">
	<br>
	<!-- <input type="text" v-for="(eachText,index) in loopdata" :v-model="toggleModel(index)"> -->
		<input type="text" v-for="(eachText,index) in loopdata" v-model="selectedField ? 'place' : name " >
	<br><br>


======={{test}}=========
	<br>
	Field name: {{field}}
		<br>
		Name: {{name}}	
		<br>
		Place: {{place}}
</div>

CSS

body {padding: 15px;}
input {
	border-radius: 3px;
	padding:5px	;
	border:thin solid lightgrey;
}

Vue

new Vue({
  el: "#app",
	data: {
	loopdata:[1,2,3],
		name:'',
		place:'',
		field:null,
		
		selectedField:true,
		
	},
	methods:{
		changeToName(){
			if(this.selectedField){
				this.field='name';
			}
			else{
				this.field='place';
			}
		},
		toggleModel(i){
			if(i%2===0){
				return window['this.name'];
			}
			else{
				return window['place'];
			}
		}
/* 		changeField(){
				if(this.field==='name'){
					this.field='place';
				}
				else if(this.field==='name') {
					this.field='place';
				}
		} */
	},
})