vue.js - 触发vue js时更改列表中绑定(bind)的值

Question

我是 vue js 的新手。我尝试在单击时传递参数以获取列表的索引，但我仍然无法更新它的属性值。

我想在点击时将 isState 的值更新为“1”

这是我的 list

<li v-for="(link, index) in links">
    <a :state="isState" 
    @click="onlink_click(link.link_text,index)">

    {{link.link_text}}

    </a>
</li>

事件处理

methods: {
 onlink_click(this_link,index){
  this.links[index].isState = "1" }

数据

data (){
 return {
isState: "0",
links : [
{link_text :"Home"},
{link_text:"About"},
{link_text:"Porfolio"},
{link_text:"Contact"}]  }
}

Answer 1

根据@Belmin Bedak 的建议，您可能想要这样做:

data() {
  return {
    ...
    links: [
        { 
            link_text: "Home",
            isState: 0
        },
        ...
    ]
  }
}

然后在点击你可以做到这一点

onClickMethod: function ( text ) {
  this.links.find( link => link.link_text === text ).isState = 1
}