elementui中tab切换组件引入vue组件不显示的问题
今天在工作中闹了个小笑话,特此记录下来…<el-tab-pane label="经营报表" name="boss"><template v-if="activeName=='boss'"><bossbyroom v-if="tabName=='room'" class="fx-pages-main"@set="refre...
·
今天在工作中闹了个小笑话,特此记录下来…
<el-tab-pane label="经营报表" name="boss">
<template v-if="activeName=='boss'">
<bossbyroom v-if="tabName=='room'" class="fx-pages-main" @set="refresh">
</bossbyroom>
<bossbyroomtype v-else-if="tabName=='roomtype'" class="fx-pages-main" @set="refresh">
</bossbyroomtype>
<bossbystore v-else class="fx-pages-main" @set="refresh">
</bossbystore>
</template>
</el-tab-pane>
开始我是这样引入组件的
import { bossbyroom } from './boss/room.vue'
import { bossbyroomtype } from './boss/roomtype.vue'
import { bossbystore } from './boss/store.vue'
结果
没有任何效果,然后我测试了一下是否引入成功
console.log( bossbyroom )
控制台打印出undefined
很明显组件引入有问题
然后我试着改了下
import bossbyroom from './boss/room.vue'
import bossbyroomtype from './boss/roomtype.vue'
import bossbystore from './boss/store.vue'
运行后
这么个小问题搞了半天,自己把自己蠢哭了都。
更多推荐
已为社区贡献2条内容
所有评论(0)