今天應(yīng)用了element中的Dialog 對(duì)話框,按照官網(wǎng)的要求編輯如下:
然后給添加按鈕添加click事件,改變dialogTableVisible的值,但是發(fā)現(xiàn)對(duì)話框只能打開(kāi)一次,關(guān)閉后無(wú)法再次打開(kāi)。
試了網(wǎng)上一些方法,如添加v-if條件判斷,關(guān)閉的時(shí)候銷(xiāo)毀這個(gè)彈窗,依然不能妥善解決。
最后得出解決辦法,將el-dialog放入子組件中,編譯如下:
父組件:
子組件:
這樣在子組件中點(diǎn)擊關(guān)閉后,向父組件發(fā)生關(guān)閉事件
父組件接收后改變dialogTableVisible的值
這樣便可以解決無(wú)法再次打開(kāi)的問(wèn)題。
關(guān)鍵詞: