2017-06-21 30 views
0

我想單擊後將值從false更改爲true。我發現通過索引號做同樣的例子,但它可以做到沒有索引?只是按名稱?更改點擊價值,而不使用索引?

data() { 
    return { 
     names: [ 
     {n: 'Dima', isClck: false}, 
     {n: 'Roma', isClck: false}, 
     {n: 'Masha', isClck: false}, 
     ], 

    } 
}, 
methods : 
{ 
    MyClick(name) 
    { 
    // come code here 
    } 
+0

'this.names.find(OBJ => obj.n ===名).isClck = TRUE;純粹做到這一點 –

+0

你的模板是什麼樣的? – Phil

回答

0
``` 
MyClick(name) 
    { 
    let selected = this.names.filter(i => i.n === name)[0] 
      //or = this.names.find(i => i.n === name) 
    this.isClck = !this.isClck 
    } 
``` 
0

你應該能夠在你的模板

<ul> 
    <li v-for="name in names"> 
    <button @click="name.isClick = !name.isClick">{{name.n}}</button> 
    </li> 
</ul>