如何将v-model绑定到vuejs中的特定数组元素?

时间:2017-02-25 09:17:27

标签: vuejs2

我想将v-model绑定到特定的数组元素,如下所示,可能吗?

<input v-model='item[1]' />

由于

1 个答案:

答案 0 :(得分:5)

是的,这是正确的方法:

&#13;
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>


<div id="vue-instance">
  <input v-model='items[0]'/>  
  <div v-for="item in items">
    {{item}} 
  </div>
</div>
&#13;
<ul>
<li id="one" data-color="#16A085">
<h2>Section One</h2>
</li>
<li id="two" data-color="#C0392B">
  <h2>Section Two</h2>
</li>
<li id="three" data-color="#ff44AD">
  <h2>Section Three</h2>
</li>
<li id="four" data-color="#f88f18">
  <h2>Section Four</h2>
</li>
<li id="five" data-color="#E91E63">
  <h2>Section Five</h2>
</li>

</ul>
&#13;
&#13;
&#13;