element ui 相容低版本瀏覽器

基於ES6的用Vue框架element ui寫的頁面，如果當需要解決相容低版本瀏覽器時，會遇到在低版本瀏覽器中不顯示效果，頁面一片空白，但控制檯也不報錯，而在高版本可以正常顯示的情況。
低版本效果：

高版本效果：

程式碼片段：

<div id="app">
        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" default-expand-all>
            <span class="custom-tree-node" slot-scope="{node, data}">
                <span>
                    <img :src="data.type|showPic" v-if="data.type" style="height:15px;" />   {{ node.label }}
                </span>
            </span>
        </el-tree>
    </div>

改為：

<div id="app">
        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" default-expand-all>
            <span class="custom-tree-node" slot-scope="node">
                <span>
                    <img :src="node.data.type|showPic" v-if="node.data.type" style="height:15px;" />   {{ node.data.name }}
                </span>
            </span>
        </el-tree>
    </div>

methods: {
	handleNodeClick(data) {
		console.log(data);
        console.log(data.name)
   }   
}

改為：

methods: {
	handleNodeClick:function(data) {
		console.log(data);
        console.log(data.name)
   }   
}

修改點：
1、slot-scope="{node, data}"改為slot-scope="node"；
2、用到data的地方，比如:src="data.type|showPic" v-if="data.type"，全部改為:src="node.data.type|showPic" v-if="node.data.type"；
3、:props="defaultProps"去掉不去掉都可；
4、修改methods等語法，改為符合ES5；