javascript - 如何在 Vue.js 中为动态输入字段设置默认值？

Question

我创建了一个动态输入字段，但问题是我不知道如何在该动态字段上设置默认值，例如数字“1”。任何人都可以帮助我吗？谢谢

这是我的例子

new Vue({
  el: '#app',
  data: {
    result: [],
    array: [{
    	id: 1
    }, {
    	id: 2
    }, {
    	id: 3
    }]
  }
})

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div v-for="(item, index) in array" :key="item.id">
    <input type="number" :id="item.id" v-model="result[index]">
    <br>
  </div>
  <span>Result: {{ result }}</span>
</div>

标签： javascriptvue.jsvuejs2

Answer 1

由于 Vue js 是反应式的，您可以简单地在结果中设置初始值

 new Vue({
      el: '#app',
      data: {
        result: ["1","1","1"],
        array: [{
            id: 1
        }, {
            id: 2
        }, {
            id: 3
        }]
      }
    })