首页 > 其他 > 详细

vue知识点(工作中遇到)

时间:2019-01-11 12:04:14      阅读:144      评论:0      收藏:0      [点我收藏+]

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知识点(工作中遇到)

原文:https://www.cnblogs.com/haishen/p/10254379.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!