Vue

by shubhampokhriyal

HTML

<div id="app">
  <br>
  <input type="text" v-model="$data[testCondition ? test1 : test2]">
  <br><br> Test condition status: {{testCondition}}
  <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: {
    name: '',
    place: '',
		test1:'name',
		test2:'place',
    testCondition: false,
  },
})