Javascript 仅替换单击的图元的内部零件

假设我有以下列表：

导出默认值{
数据（）{
返回{
项目：{
苹果，
橙色
逼近
}
}
}
}

{item}

以下代码适用于您

模板：

<ul>
  <li v-for="(item, index) in items" v-on:click="changeText(index)">{{item}}</li>
</ul>

---

为包含以下内容的

元素设置单击事件处理程序：

this.textContent=“此处的数据”

@ScottMarcus在这种情况下，所有元素都将替换为新数据否它们不会。如果您为

li

元素设置了单击事件，则不会发生这种情况。@ScottMarcus但是如果我不想硬编码文本，并且我有一个html元素，该元素应该显示在单击元素的前面，例如：Tomato我该怎么做？它必须是

@click

而不是

ng click

@Bikimallik，但是如果我不想硬编码文本，并且我有一个html元素，它应该显示在单击元素的顶部，例如：Tomato我该怎么做？您必须向每个

添加动态id，并使用innerHTML（）来

changeText: function (index) {
     this.items[index]="Tomato";
}