极客观点
项目管理
HarmonyOS
有如下代码
<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报错了，每次点击分组的时候，都会报如下错误
报错如下
请问这是什么原因
简而言之代码混合了两个版本的vue。