访问json的时候,obj["key"]与obj.key都是可以的,不过,如果key值并不确定,而是一个变量的时候,则只能通过obj[someKey]的方式访问。
如:
<button @click="showDialog(1)"></button>
<button @click="showDialog(2)"></button>
<button @click="showDialog(3)"></button>
<button @click="showDialog(4)"></button>
<button @click="showDialog(5)"></button>
<button @click="showDialog(6)"></button>
<el-dialog :title="dialogData.title" width="30%">
{{dialogData.remarks}}
</el-dialog>
data() {
return {
data1:{title:"1",remarks:"a"},
data2:{title:"2",remarks:"b"},
data3:{title:"3",remarks:"c"},
data4:{title:"4",remarks:"c"},
data5:{title:"5",remarks:"c"},
data6:{title:"6",remarks:"c"},
dialogData:null,
}
}
//不要再写那么多点击事件或者if判断啦
showDialog(i){
this.dialogData=this['data'+i]
}