Vue

by shubhampokhriyal

HTML

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