码迷,mamicode.com
首页 > 其他好文 > 详细

vue知识点(工作中遇到)

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

标签:style   button   def   ros   font   -name   XML   []   span   

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

标签:style   button   def   ros   font   -name   XML   []   span   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!