electron中element-ui 中table的问题

Question

有如下代码

<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>
            <!--手机号-->
            <el-table-column label="手机号" 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报错了，每次点击分组的时候，都会报如下错误
报错如下

请问这是什么原因

Answer 1

简而言之代码混合了两个版本的vue。

1. 最大的可能性就是 element-ui依赖的vue版本跟你现在引入的vue不是同一个版本。
2. 可能是打包工具出现了错误。

Answer 2

https://segmentfault.com/q/10...

Answer 3

请问你的问题解决了吗？？我遇到同样类似的问题了，element-vue vue element-ui 这之间怎么解决？？https://segmentfault.com/q/10...

Answer 4

可以看下这里
https://github.com/vuejs/vue/...