相关疑难解决方法(0)

以点表示法转换字符串以获取对象引用

在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)

javascript syntax object

33
推荐指数
2
解决办法
2万
查看次数

vue修改父组件中的v-data-table列项模板

我正在使用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)

vue.js vue-component

2
推荐指数
1
解决办法
2826
查看次数

标签 统计

javascript ×1

object ×1

syntax ×1

vue-component ×1

vue.js ×1