父元件通過介面接收資料然後傳給子元件接收空資料
阿新 • • 發佈:2021-07-21
開發過程遇到一個小問題,父元件裡通過後端介面獲取到了相關的資料值,然後父元件裡定義有初始值,需要將獲取到的值傳給子元件,子元件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 },