JSFiddle - React, Tailwind, and code Playground

by zhouyulong

HTML

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app">
  <ul>
    <li v-for="item in list">
      <p>{{item.name}}</p>
      <br>

      <input type="text" :value="item.num">
      <button @click="addClick(item)">+</button>
    </li>

  </ul>

</div>

JavaScript

var app = new Vue({
  el: "#app",
  data: {
    list: [{
      id: "1",
      name: "demo01",
      num: "0"
    }],
    addnum: []
  },
  methods: {
    addClick(item) {
      console.log(this.addnum.push(item))
      item.num+=1
    },
   
  }
})