JSFiddle - React, Tailwind, and code Playground

by KomathiKarunakaran

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>


<div id="app">
  <form @submit.prevent>
     <p>
       Name: <input type="text" v-model="example.name">
       <hr>
       <button @click="add">Add</button>
       {{ example.name }}
     </p>
     <p>
       {{ array }}
     </p>
  </form>
</div>

JavaScript

new Vue({
		el: "#app",
		data: {
			example: {
				name: ''
			},
			array: [],
      array2:["tes","check"]
		},
		methods: {
			add(){
      for(var i=0;i<=this.array2.length;i++){
      	this.array.push({text : this.array2[i]});
      }
				console.log(this.array);
			}
		}
	});