动态增加列表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script type="text/javascript">
            window.onload = function() {
                new Vue({
                    el: '#app',
                    data:{
                        codes:[{value:'000'}]
                    },
                    methods:{
                        add(){ 
                          this.codes.push({});
                      }
                    }
                })
            }
        </script>
    </head>
    <body>
        <div id="app">
          <div class='head'>
    <span class='num'>{{codes.length}}</span>
   <input type="button" @click='add()' value="+">
  </div>
  <div class='goodslist' v-for="(item,index) in codes"> 
     <div>
       <span>兑换码</span>
       <input type="text" v-model="item.value" />
     </div>
  </div>
  <div>{{codes}}</div>
        </div>

    </body>
</html>

# [css页面去除滚动条]

html{
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    overflow:-moz-scrollbars-none;
}
//谷歌适用
::-webkit-scrollbar{
    display:none;