vue路由跳转时出现 TypeError: Cannot read property ‘_c‘ of undefined
vue路由跳转时出现 TypeError: Cannot read property ‘_c’ of undefined启动项目并点击跳转路由,出现上边的错误,在网上找了蛮久,发现各种解答都有。经过多种尝试,发下代码写错了。网上各种改配置,都不适用,所以决定贴出来。对应页面<template><div><el-form ref=
·
vue路由跳转时出现 TypeError: Cannot read property ‘_c’ of undefined
启动项目并点击跳转路由,出现上边的错误,在网上找了蛮久,发现各种解答都有。经过多种尝试,发现代码写错了。网上各种改配置,都不适用,所以决定贴出来。
对应页面
<template>
<div>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="活动区域">
<el-select v-model="form.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="活动形式">
<el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<style scoped>
</style>
<script>
export default {
name: 'test-element',
data () {
return {
formTest: true
}
}
}
</script>
路由
<router-link :to="{path: '/test'}">ElementUi表单测试</router-link>
{
path: '/test',
name: 'TestElement',
components: TestElement
},
乍一看都没有问题,仔细排查时才发现这里router对应文件中 components错误,这里应该是单个路由,所以应该是 component 而不是 components。
果觉着不错,可以关注我的公众号
lovejsandcss
更多推荐
已为社区贡献4条内容
所有评论(0)