近期使用element-ui開發的時候，突然出現個bug，是element-ui的input框添加clearable后出現兩個XX（關閉icon圖標）
項目場景：element-ui開發的項目在頁面的dialog中嵌套了一個popover（manual觸發），popover的內部嵌套的input，input中添加了個clearable屬性，結果在這個input中輸入內容后，出來兩個關閉按鈕（圖標），前一個能點擊，后一個不能點擊。
解決方案：
1. 經查看源碼后得知，在element-ui的input中存在當前代碼（感謝大神指點--大神名：看水印）：
直接設置當前class display: none， 完美
2. 簡單粗暴，不用他們的clearable，自己手寫個唄。
總結： 從單純的解決方案上來看，手寫一個清空功能都不費勁，但既然出來問題了，就得知道問題出現的原因吧，雖說這種情況只出現在特定的場景下，但既然用的人家的框架，還是得清楚這個問題是因為什么出現的，這樣才能有所提高。 ----PS： 這問題原先因開發緊張，也是直接手寫了一個，今天才注意大佬給咱家的留言，看了下，確實是，特此感謝，並做記錄