electron中element-ui 中table的問題

有如下代碼

<template>
    <div>
        <el-table :data="members" style="width: 100%"
                  @selection-change="handleSelect" align="center">
            <!--多選框-->
            <el-table-column type="selection" width="55" align="center"></el-table-column>
            <!--姓名-->
            <el-table-column label="姓名" width="80" prop="name" align="center"></el-table-column>
            <!--性別-->
            <el-table-column label="性別" width="80" prop="sex" align="center"></el-table-column>
            <!--年齡-->
            <el-table-column label="年齡" width="80" prop="age" align="center"></el-table-column>
            <!--出生年月-->
            <el-table-column label="出生年月" width="120" prop="date" align="center"></el-table-column>
            <!--手機(jī)號-->
            <el-table-column label="手機(jī)號" width="120" prop="tel" align="center"></el-table-column>
            <!--分組-->
            <el-table-column label="分組" width="120" prop="tag"
                             :filters="rule"
                             :filter-method="filterTag"
                             filter-placement="bottom-start"
                             align="center">
                <template slot-scope="scope">
                    <el-tag
                            :type="scope.row.tag === '家庭' ? 'primary' : 'success'"
                            close-transition>{{scope.row.tag}}
                    </el-tag>
                </template>
            </el-table-column>
            <!--操作-->
            <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                    <el-button size="mini" @click="handleEdit(scope.$index,scope.row)">編輯</el-button>
                    <el-button size="mini" type="danger" @click="handleDelete(scope.$index,scope.row)">刪除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <!--<el-button @click="dd">121</el-button>-->
    </div>
</template>

<script>
    export default {
        name: "member-list",
        data() {
            return {
                members: [
                    {
                        name: '張三',
                        sex: '男',
                        age: '29',
                        date: '1989-11-27',
                        tel: '15195958514',
                        tag: '家庭-自己'
                    },
                    {
                        name: '李四',
                        sex: '男',
                        age: '27',
                        date: '1989-10-27',
                        tel: '15195958512',
                        tag: '公司-同事'
                    },
                    {
                        name: '王二麻子',
                        sex: '男',
                        age: '27',
                        date: '1989-10-27',
                        tel: '15195958516',
                        tag: '公司-同事'
                    }
                ],
                rule: [
                    {
                        text: '家庭-自己',
                        value: '家庭-自己'
                    },
                    {
                        text: '公司-同事',
                        value: '公司-同事'
                    }
                ]
            }
        },
        methods: {
            filterTag(value, row) {
                return row.tag === value
            },
            handleSelect() {

            },
            handleEdit() {

            },
            handleDelete() {

            },
            dd() {
                this.$router.push('/Members')
            }
        }
    }
</script>

<style scoped>

</style>

在普通的vue-cli的項目中是沒有問題的，但是在electron cli項目中element-ui報錯了，每次點擊分組的時候，都會報如下錯誤
報錯如下

請問這是什么原因