添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

记录一下获取对象的属性名目前用到的两种方法。

1. v-for="value,key in object"

使用v-for属性来遍历对象的属性,object是被遍历的对象,value是遍历出的属性值,key是遍历的属性名。固定第一个是属性值,第二个是属性名。

遍历的结果如下:

name:李磊

gen:男

achievement:100

2.Object.keys(对象名object)

let obj = {}
obj.name = "张三"
obj.age = 18
console.log(Object.keys(obj))

 输出结果为 ['name','age']

 Object.values输出的则是属性值

  输出结果为['张三',18]。

参考文章:js如何获取对象所有的属性和值 

                  如何遍历展示对象与属性名

有时候,我们可能需要根据索引来获取对象中的属性,特别是当对象属性是动态生成的或者需要根据用户输入进行选择时。要根据索引选择对象属性,我们可以使用计算属性。计算属性是根据响应式数据进行动态计算的属性。我们可以在计算属性中编写逻辑来获取指定索引的属性。通过使用计算属性和监听器,我们可以轻松地根据索引从对象中选择属性,并将其显示在Vue模板中。假设我们有一个包含多个属性对象,我们想要根据索引获取其中的属性值。的变化,并在变化时触发计算属性的重新计算。计算属性会相应地重新计算,并将选择的属性值更新到模板中。 {label: 'Var 1', field: 'var_1'}, {label: 'Var 2', field: 'var_2'}, {label: 'Var 3', field: 'var_3'}, {label: 'Var 4', field: 'var_4'}, {label: 'Var 5', field: 'var_5'}, 在子组件中,可以这样做 <table id="compan 并逐个输出它们的值;每次执行时,都会将一个属性赋值给所定义的变量。该方法返回一个数组,数组内包含对象自身所有可枚举属性值。,该方法返回一个数组,数组内包括对象内可枚举属性。方法三:Object.values()方法二:Object.keys()方法一:for...in。所有属性(属性属性值) 在Vue中,我们可以通过属性绑定和事件处理来操作DOM元素。当我们需要获取自定义属性时,可以使用Vue提供的特定属性和方法来实现。要获取自定义属性,我们首先需要在HTML元素上定义自定义属性。例如,我们可以在一个按钮上添加一个自定义属性。希望这个例子能够帮助你理解如何在Vue获取自定义属性。接下来,我们可以使用Vue的指令和方法来获取这个自定义属性。通过上述代码,我们可以在Vue获取到自定义属性的值并进行相应的处理。在上面的示例中,我们首先在按钮上定义了一个自定义属性。// 输出自定义属性的值。