1. 程式人生 > >vue知識點(工作中遇到)

vue知識點(工作中遇到)

clas v-model ems script temp rip [] js xml export

1、vue點擊按鈕動態添加多個input,並獲取輸入的值

  <template>

    <div>

      <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i">

       <button @click="onAdd">添加</button>

    </div>

  </template>

  <script>

    export default {

      data( ){

        return {

          items: []

        }

      },

      methods : {

        onAdd( ){

          this.items.push( "" );

        }

      }  

    }

  </script>

vue知識點(工作中遇到)