vue子集呼叫父級內的資料並展示的時候

2022-07-15 08:06:09 字數 626 閱讀 3900

在vue3中資料進行呼叫的時候,我們需要進行資料的一些操作

子級   resourcelist.vue

父級   resourcehome.vue

父級   resourcehome.vue中

resourcechild="resource">

子級   resourcelist.vue 中呼叫寫在父級的內容

注意:1.子級呼叫父級的資料的時候是使用props來接收資料 同樣是:前的是接收來的資料,應該被接收頁面中使用props來接收

2.資料的寫法的改變使用了reactive的寫法,同時還有資料的解包

3.在接收的資料的時候,當使用v-for迴圈的時候,可以看到資料的改變,寫法會有所不同

eg: v-for ="item in resourcechild" :key = "item._id"

解釋:resourcechild 是剛才props從父級那裡接收到的資料,而item是宣告的乙個變數用來迴圈resourcechild裡面的資料,因為是迴圈li,所以:key的值就是裡面多個中的乙個,所以是用item._id

父級元素與子集元素浮動影響的解決

style box box1 box2 style body div class box div class box1 div1 div div class box2 div2 div div body 先看現在的效果 將div1和div2進行左浮動,會發現 父級元素不見了,因為div1和div2脫...

vue 子元件獲取並修改父元件的資料

父元件在使用子元件的時候,可以通過動態繫結屬性值,將資料傳遞給子元件 start date start date end date end date date 子元件通過props接收父元件傳遞過來的資料props end date 父元件的資料發生變化時,會傳遞給子元件,但子元件無法直接更改父元件...

js子級視窗相互呼叫父級的方法

jump.html 是父級頁面 方法aaa 是沒有任何地方呼叫的。myframe.html 是父級頁面開啟的乙個iframe,即子級視窗。當如果你想子級視窗處理完邏輯,告知父級情況的時候,就可以用到以下的方法。window.parent.父級方法名 執行看效果 這樣就算完成了 父級呼叫子級的方法 d...