我对 Vue Js 相当陌生，我试图从方法访问数组中的属性（包含布尔值），以便我可以在单击按钮时更改布尔值，但我不确定如何访问它。
export default {
name: 'app',
data() {
return {
leftImg: [
{
english: 'School',
welsh: 'Ysgol',
id: 'school',
url: require('./img/school.jpg'),
tag: 'left',
displayEnglish: true,
},
methods: {
changeEnglish () {
this.leftImg.displayEnglish = false //This doesn't work
},
}您提供的代码存在多个问题。首先，确保有一个正确的 javascript 语法。仅从您的语法来看，您的代码将如下所示：
export default {
name: 'app',
data() {
return {
leftImg: [
{
english: 'School',
welsh: 'Ysgol',
id: 'school',
url: require('./img/school.jpg'),
tag: 'left',
displayEnglish: true,
}
]
}
},
methods: {
changeEnglish() {
this.leftImg.displayEnglish = false //This doesn't work
},
}
}
其次，正如您在问题中所说，该leftImg属性是一个数组。因此，您应该确保指定要更新该displayEnglish属性的该数组的哪个索引。如果您想更新数组的第一项，则必须编写：
this.leftImg[0].displayEnglish = false
如果是第二个，你应该写
this.leftImg[1].displayEnglish = false
等等...
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句