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