2019-03-25

                    vue v-for通过index动态绑定input输入框的数据

    vue项目中经常会遇到各种难题，比如v-for循环出来的input输入框，如果有多个个的话，

要怎么获取他们相对的数据呢，又怎么确保获取的数据和input输入框一 一相同呢，不要慌，答案在后面！

先看效果图：

再看代码：

<div style="margin-left:100px;">

  <ul>

      <li v-for="(item,index) in 3">

        <input type="text" v-model="data[index]" style="border:1px solid #ccc;height:50px;margin-top:10px;">

      </li>

  </ul>

  <button @click="clickMe" style="height:30px;line-height:30px;margin-top:20px;">点我试试</button>

</div>

<script>

  export default {

    data() {

      data:[]

    },

    methods: {

      clickMe(){

        console.log(this.data)

      },

    }

  }   

</script>