iview的Affix插件遇到滾動時候的bug處理方法

最近有個需求，是用vue做的頁面，其中嵌入了一個tinymce編輯器，編輯器設置了自動調整高度，也就是說編輯器中內容越多，高度就會自動撐高

我們需要再頁面最下方放一個保存按鈕，保存按鈕必須固定在屏幕下方，本來想用position:fixed這種簡單方法，但是業務比較特殊，不能這麼用，無奈只能用position:absolute來

為了省去不必要的麻煩，就用了iview的affix組件，但是經過實際測試，發現有點問題，最後解決方法是觸發一次resize事件

export default {
        data(){
            return {
                affixInit:false
                }
            }
        },
        computed:{

        },
        mounted(){
            
        },
        deactivated() {
            window.removeEventListener('scroll',this.initAffix,true);
        },
        activated() {
            window.addEventListener('scroll',this.initAffix,true);
        },
        components: {
          
        },
        methods:{
            initAffix(){
                if(!this.affixInit){//affix組件有bug，需要觸發一次resize事件才能正常
                    this.affixInit = true;
                    if(document.createEvent) {
                        let event = document.createEvent("HTMLEvents");
                        event.initEvent("resize", true, true);
                        window.dispatchEvent(event);
                    } else if(document.createEventObject) {
                        window.fireEvent("onresize");
                    }
                    console.log('resize dispatched');
                }
            }
        }
    }