数据到达慢的时候进行预处理

110 阅读1分钟

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>