vue对象如何传变量进行取值
阐述
在开发的过程中,在使用key
取值的时候,key
不一定要是一个固定的,也有可能是一个变量。
案例代码如下:
let key1 = 'name';
let objectList = {
'id': '1',
[key1]: '李四'
};
console.log(objectList['id']) // "1"
console.log(objectList[key1]) // "李四"
console.log(objectList.id) // '1'
根据key取出对应的value 方法
let ticketLists: [{
id: 1,
name: '票证1',
ticketone: '票证1图',
checked: true,
},
{
id: 2,
tickettow: '票证2图',
name: '票证2',
checked: true
},
{
id: 3,
name: '票证3',
ticketthree: '票证3图',
checked: true
}]
getTicketImageName(objectList, keyName) {
for(let item in objectList) {
console.log("wdebug---key1",objectList[item][keyName]) // 使用变量的key取值
console.log("wdebug---key2", objectList[item].ticketone) // 使用固定的key取值
// 循环对象,取出对应的key
for (let index in objectList[item]) {
// 根据对象中的key和keyName 取出对应的value
if(index == keyName) {
// console.log('wdebug--key值', objectList[item][keyName])
return objectList[item][keyName] // 返回对应的value
}
}
}
}
// 使用方法
created() {
this.getTicketImageName(ticketLists, 'ticketone')
}