1. 程式人生 > 其它 >父元件通過介面接收資料然後傳給子元件接收空資料

父元件通過介面接收資料然後傳給子元件接收空資料

  開發過程遇到一個小問題,父元件裡通過後端介面獲取到了相關的資料值,然後父元件裡定義有初始值,需要將獲取到的值傳給子元件,子元件props接受,直接傳給子元件時,子元件裡接受到的一直是初始值,原因是因為獲取介面資料是非同步操作,因此在元件建立好就直接傳了初始值過去。我們可以在傳值時候的父元件上新增一個 v-if 當需要傳的資料從介面獲取並且賦值有了值之後才顯示,就可以傳值過去了,或者如果本來獲取的值也就跟初始值一樣為空的話 就新增一下條件 || === '' 此時是因為獲取到的值就為‘’,初始值我定義為了null。

<el-form-item label="圈子內容:" v-if="form.content || form.content === ''"
> <div class="edit_container"> <Ueditere :text="form.content" :config="ueditor.config" key="2" ref="ue" @contentChange="contentChangeFunce"></Ueditere> </div> </el-form-item>
/*form表單資料*/
      form: {
        article_id: this.$route.query.article_id,
        title: '',
        content: null,
        pics: '',
        category_id: '',
        category_name: '',
        status: 1
      },