问答

el-tabs 标签下引入的组件不加载

作者:admin 2021-08-21 我要评论

问题描述 想要实现一个 el-tabs 标签下有两个 el-tab-pane ,每个 el-tab-pane 里都是引入自己封装的同一个组件,根据传入的数据渲染不同的效果,但最终引入的组...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

问题描述

想要实现一个el-tabs标签下有两个el-tab-pane,每个el-tab-pane里都是引入自己封装的同一个组件,根据传入的数据渲染不同的效果,但最终引入的组件没有渲染,

问题出现的环境背景及自己尝试过哪些方法

在created钩子里打印的信息没有展示出来,感觉应该是没有渲染

相关代码

<el-row>

    <el-tabs v-model="activeTab" type="card" @tab-click="tabClick">
      <el-tab-pane label="精扫" name="detailed">
        <filter :distributorsInfo="distributorsInfo"/>
      </el-tab-pane>
      <el-tab-pane label="快扫" name="scan">
        <span>hehe</span>
        <Filter :distributorsInfo="distributorsInfo"/>
      </el-tab-pane>
    </el-tabs>
  </el-row>

求教为何不渲染

###

封装的同一个组件, 但是代码中你的组件名 一个大写一个小写, 仔细检查一下引入组件地址是否正确, 有无报错, 报错内容是什么,排查一下

###

有很多可能
报错了或者组件名写错了或者activeTab没值等等

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用箭头函数return数据不能实现

    使用箭头函数return数据不能实现

  • 个人小程序号能接入小程序3D地图吗?

    个人小程序号能接入小程序3D地图吗?

  • vue 移动端项目中,使用了better-scrol

    vue 移动端项目中,使用了better-scrol

  • css如何做出区域平均划分为四列

    css如何做出区域平均划分为四列

腾讯云代理商
海外云服务器