在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vueJS 中引用子組件modal 的問(wèn)題

vueJS 中引用子組件modal 的問(wèn)題

modal 組件:

<template>  
    <Modal v-if="showFlag">
    </Modal>
</template>

name 組件 引用 modal組件: name 組件中的一個(gè)按鈕,可以彈出組件:

<Button @click="show"></Button>

最后,首頁(yè)引用name組件:
<name> </name>

那么,1, 首頁(yè)怎么寫(xiě)?

 2,怎么得到那個(gè)showFlag?
 3, template 怎么寫(xiě)?
 4, show 方法怎么操作?
回答
編輯回答
艷骨

1.首頁(yè)直接引入name組件就可以，不用做其他操作，modal的顯示和隱藏封裝在name內(nèi)部
2.<Button @click="showFlag =!showFlag"></Button> 不用定義show方法也可以，當(dāng)然你也可以定義show方法

<Button @click="show"></Button>

methods: {
    show() {
        this.showFlag = !this.showFlag
    }
}

首先在data里定義showFlag這個(gè)字段

2017年12月22日 06:37