在javascript中考虑这个对象,
var obj = { a : { b: 1, c: 2 } };
Run Code Online (Sandbox Code Playgroud)
给定字符串"obj.ab"我如何获得这个引用的对象,以便我可以改变它的值?即我希望能够做类似的事情
obj.a.b = 5;
obj.a.c = 10;
Run Code Online (Sandbox Code Playgroud)
其中"obj.ab"和"obj.ac"是字符串(不是obj引用).我遇到过这篇帖子,我可以得到点符号字符串引用obj的值,但我需要的是一种可以获取对象本身的方法吗?
物体的嵌套可能比这更深.也许是
var obj = { a: { b: 1, c : { d : 3, e : 4}, f: 5 } }
Run Code Online (Sandbox Code Playgroud) 我正在使用Vuetify并制作了一个包含v-data-table. 如何更改父组件中的表格列模板?
子组件示例:
<template>
<v-card>
<v-data-table :items="items" :headers="headers">
<!-- ???????? -->
</v-data-table>
</v-card>
</template>
<script>
export default {
name: "ChildComponent",
props: {
items: Array,
headers: Array,
},
};
</script>
Run Code Online (Sandbox Code Playgroud)
父组件:
这item.id只是一个例子,我需要一个适用于任何类型的对象字段的通用解决方案。
<template>
<ChildComponent :items="items" :headers="headers">
<template v-slot:item.id="{ item }">
<v-chip> {{ item.id }} </v-chip>
</template>
</ChildComponent>
</template>
<script>
import ChildComponent from "./ChildComponent";
export default {
components: {
ChildComponent,
},
data: () => ({
items: [/* ... */],
headers: [/* ... */],
}),
};
</script> …Run Code Online (Sandbox Code Playgroud)