1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue获取tr内td里面所有内容_React中遍历多个数据tr td

vue获取tr内td里面所有内容_React中遍历多个数据tr td

时间:2019-05-07 01:45:12

相关推荐

vue获取tr内td里面所有内容_React中遍历多个数据tr td

1,根据后台返回的数据来遍历table中的tr,td

分析:后台返回的数据类型:

[

{time: "05-28", value: "3"},

{time: "05-29", value: "0"},

{time: "05-30", value: "6"},

{time: "05-31", value: "2"},

{time: "06-01", value: "7"},

{time: "06-02", value: "7"}

]

所以我们得根据数组得长度来遍历tr,根据对象中的长度来遍历td

注意:对象的长度不能用.length方式获取,用js原生的Object.keys可以获取到

例如:var obj = {'time' : '05-28' , 'value' : '4'};

console.log(Object.keys(obj)); // ['time','value']

console.log((Object.keys(obj)).length); //2

最后:代码如下:

{

props.data.map((item, index) => {

return (

{ //item 结果:{time: .., value: ...}

// Object.keys(item) 结果:['time','value']

//一定注意了得用item[td]来获取值如果用.来获取取不到值,因为td是字符串

Object.keys(item).map((td,i)=>

{item[td]})

}

)

})

}

遍历成功~

本文地址:/weixin_44824839/article/details/107352771

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。