<div id='root'>
<div v-for="(value,key,index) in lists" :title="value" @click="Value" >{{value}}中{{key}}国{{index}}</div>
</div>
<script>
new Vue({
el:'#root',
data:{
lists:{
1:1,
2:2,
3:3
}
},
methods:{
Value:function(e) {
console.log(e.target.title);
}
}
})
<div v-for="(value,key,index) in lists" :title="value" @click="Value" >{{value}}中{{key}}国{{index}}</div>
</div>
<script>
new Vue({
el:'#root',
data:{
lists:{
1:1,
2:2,
3:3
}
},
methods:{
Value:function(e) {
console.log(e.target.title);
}
}
})
2018-05-02
不好意思啊,原来可以有两种写法,list是数组的话使用 of ,前面的参数为(value,index);
list是对象的话使用 in ,前面的参数为(value,key,index);
list是对象的话使用 in ,前面的参数为(value,key,index);
2018-05-02
<div v-for="(value, key, index) in object">
{{ index }}. {{ key }}: {{ value }}
</div>
这里官网上已经变成in了,感觉使用新写法比较好,第三个值才是索引
{{ index }}. {{ key }}: {{ value }}
</div>
这里官网上已经变成in了,感觉使用新写法比较好,第三个值才是索引
2018-05-02
npm run dev npm ERR! path E:\study\practice\font\vue\todolist\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open 'E:\study\practice\font\vue\todolist\package.json'
2018-05-02