Javascript 在IE11中有vue错误的AG电网在安装的挂钩中有错误：“；TypeError:无法获取属性'；增补列表器'；“未定义或空引用的”；

我使用的是带有VUE CLI的ag网格社区版

在chrome、firefox和safari上一切都很好，但我在IE 11中遇到了一个错误

错误显示：

[Vue warn]：挂载挂钩中出错：“TypeError:无法获取未定义或空引用的属性'addEventListener'”

“无法获取未定义或空引用的属性'addEventListener'”

这是我在vue中的代码

<template>
<div>
    <button @click="getSelectedRows()">Get Selected Rows</button>

    <ag-grid-vue style="width: 500px; height: 500px;"
             class="ag-theme-balham"
             :columnDefs="columnDefs"
             :rowData="rowData">
    </ag-grid-vue>
    </div>
</template>
<style lang="scss" scoped>

</style>
<script>
import {AgGridVue} from 'ag-grid-vue'
export default {
    components:{
        AgGridVue
    },
    data(){
        return{
            columnDefs:null,
            rowData:null,
            gridApi: null,
            columnApi: null,
            autoGroupColumnDef: null,
        }
    },
    methods : {
        onGridReady : function(params){
            this.gridApi = params.api;
            this.columnApi = params.columnApi;

            
        },
        getSelectedRows : function(){
            const selectedNodes = this.gridApi.getSelectedNodes();
            const selectedData = selectedNodes.map(node => node.data);
            const selectedDataStringPresentation = selectedData.map(node => node.make + ' ' + node.model).join(', ');
            console.log(selectedDataStringPresentation);
        }
    },
    beforeMount(){
        this.columnDefs = [
                {headerName: 'Make', field: 'make'},
                {headerName: 'Model', field: 'model'},
                {headerName: 'Price', field: 'price'}
            ];

            this.rowData = [
                {make: 'Toyota', model: 'Celica', price: 35000},
                {make: 'Ford', model: 'Mondeo', price: 32000},
                {make: 'Porsche', model: 'Boxter', price: 72000}
            ];
        

    }
}
</script>

获取所选行
从“ag grid vue”导入{AgGridVue}
导出默认值{
组成部分：{
阿格里德维
},
数据（）{
返回{
columnDefs:null，
rowData:null，
gridApi:null，
columnApi:null，
autoGroupColumnDef:null，
}
},
方法：{
onGridReady:函数（参数）{
this.gridApi=params.api；
this.columnApi=params.columnApi；
},
getSelectedRows:function（）{
const selectedNodes=this.gridApi.getSelectedNodes（）；
const selectedData=selectedNodes.map（node=>node.data）；
const selectedDataStringPresentation=selectedData.map（node=>node.make+''+node.model）.join（'，'）；
console.log（selectedDataStringPresentation）；
}
},
beforeMount（）{
this.columnDefs=[
{headerName:'Make'，field:'Make'}，
{headerName:'Model'，字段：'Model'}，
{headerName:'Price'，字段：'Price'}
];
this.rowData=[
{品牌：'Toyota'，型号：'Celica'，价格：35000}，
{品牌：福特，型号：蒙迪欧，价格：32000}，
{品牌：'Porsche'，型号：'Boxter'，价格：72000}
];
}
}

建议必须在ag网格之前导入

babel polyfill