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

鍍金池/ 問答/HTML/ 彈窗vue.js組件的設計思路,關閉按鈕應該如何控制?

彈窗vue.js組件的設計思路,關閉按鈕應該如何控制?

如果要設計一個彈窗vue.js組件。假如外部可以通過v-if控制他的展示與隱藏。但彈窗內部有個關閉按鈕也可以控制自己的隱藏和展示。 請問如何把外部控制和內部控制關聯(lián)起來呢?

一個比較嚴重的問題是: 組件內部是不能或者不建議去修改外部傳入的變量的; 另一方面假如用2個變量來控制組件隱藏展示,那么內部隱藏后,外部又無法讓彈窗展示。

回答
編輯回答
互擼娃

一、可以參照一下Element的做法,

Element是使用.sync修飾符來達到props雙向綁定效果的(vue1.x中是雙向綁定,2.x中只是v-on語法糖)
具體文檔可以看這里

二、當然,我個人的做法是:在彈框組件內部使用定義一個變量去控制組件的顯隱,然后通過ref來調用組件內部的方法從而達到控制彈框的效果。

具體的話,可以參照這個:https://github.com/Ash-sc/vue...

2017年7月16日 08:16