1. 程式人生 > >plupload 在和 vue.js 多頁面引用時,報錯Cannot read property 'style' of null

plupload 在和 vue.js 多頁面引用時,報錯Cannot read property 'style' of null

在一個頁面中引用了plupload.full.min.js 和 vue.js,在使用時報如下錯誤

百度發現報這個錯的基本上是dom結構與渲染樣式的載入順序造成的,而vue.js的頁面渲染不知道是哪裡和plupload有衝突,於是就先初始化plupload,再去new Vue()。  附上plupload的使用指南

    // 先初始化圖片上傳,再用vue渲染頁面,上傳外掛才不會報錯
    initUpload();
    function initUpload() {
        // 圖片上傳成功後
        uploader.bind('FileUploaded', function (up, file, info) {
            if (info.status == 200) {                
            }
        });

        // 當Plupload初始化完成後觸發
        uploader.bind('init', function (uploader) {
            initVue();
        })
    }

    initVue();
    function initVue() {
        new Vue({
            el: '#app',
            data: {}
        })
    }