我有一个名为people
包含对象的数组,如下所示:
之前
[
{id: 0, name: 'Bob', age: 27},
{id: 1, name: 'Frank', age: 32},
{id: 2, name: 'Joe', age: 38}
]
Run Code Online (Sandbox Code Playgroud)
它可以改变:
后
[
{id: 0, name: 'Bob', age: 27},
{id: 1, name: 'Frank', age: 33},
{id: 2, name: 'Joe', age: 38}
]
Run Code Online (Sandbox Code Playgroud)
弗兰克刚满33岁.
我有一个应用程序,我正在尝试观察人员数组,当任何值更改时,请记录更改:
<style>
input {
display: block;
}
</style>
<div id="app">
<input type="text" v-for="(person, index) in people" v-model="people[index].age" />
</div>
<script>
new Vue({
el: '#app',
data: {
people: [
{id: 0, name: 'Bob', age: …
Run Code Online (Sandbox Code Playgroud)