需求:componentLabelCopy 是一個(gè)子件? 在頁(yè)面(主件)引用儒将,componentLabelCopy 里面有一個(gè)按鈕称开,點(diǎn)擊彈出dialog(但是dialog在ios端顯示錯(cuò)誤趾疚,所以就通過傳值,讓主件這邊顯示dialog,拿到輸入的文字,再丟回給子件掌动,去調(diào)用子件寫好的方法去調(diào)用接口)
,在主件引用子鍵
利用?ref屬性??componentLabel是這個(gè)子件的標(biāo)識(shí)宁玫!
<componentLabelCopy ref="componentLabel" :dwRoleId="dwDetails.roleid" :dwId="dwId" typeId='0' :defaultStyle="false" :parentInputString="tempParentText" @saveLabel="clickLabel" @parentShowDialog="showParentDialog"></componentLabelCopy>
(addUserTag(tempParentText)是componentLabelCopy 里面的方法)
<van-dialog v-model="showParentAddTag" show-cancel-button @confirm="$refs.componentLabel.addUserTag(tempParentText)" @cancel="tempParentText=''">
? ? ? <div style="width: 100%;height:45px;line-height: 45px;text-align: center;">新增標(biāo)簽</div>
? ? ? <van-field v-if="showParentAddTag" class="onepxitem" v-model="tempParentText" autofocus maxlength="4" placeholder="請(qǐng)輸入新標(biāo)簽(最多4個(gè)字符)"/>
? ? </van-dialog>