react中
state = { num: 0, a: { } }
componentDidMount() { setTimeout(() => { let a = { b: { c: [1,2,3,4] } } this.setState({ a }) }) }
render () { let {a} = this.state;
// 如果有数据的话就进行遍历,如果没有数据的话就给它一个空的数组 let liList = a.b?a.b.c.map((item,index)=> <li key={index}>{item}</li>):[] return ( <div> <ul > { liList } </ul>
)
}vue 中
data(){ return { a: {} } },
mounted(){ setTimeout(() => { let a = { b: { c: [1,2,3,4] } } this.a = a }) }
//如果有的话,就进行显示 v-if要写在外面,不能写在li里面,因为v-for比v-if的优先级要高。
//写在li里面v-if就不起作用了,<ul v-if="a.b"> <li v-for="(item,index) in a.b.c">{{item}}</li> </ul>