Vue 根据条件判断van-tab的显示方式
更新时间：2020年08月03日 09:24:04 作者：勋勋勋勋小勋勋
这篇文章主要介绍了Vue 根据条件判断van-tab的显示方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
我就废话不多说了，大家还是直接看代码吧~
.vue
<van-tabs v-model="activeTab">
<van-tab title="XXX" v-if="isShow"></van-tab>
<van-tab title="XXX"></van-tab>
</van-tabs>
.ts
private activeTab = 0;
private isShow = false;
补充知识：vue elui 使用v-if 判断tab时样式错乱
项目中用el ui 的tab显示数据
6个数组的数据不同 所以用了 v-if 来判断
但是同样的数据，显示出来的样式乱七八糟
查了半天才知道 是因为没有加上 key值，所以才会渲染错乱。具体原因也不知道。
只要在table 加上key 就可以了
<el-table v-if="personalType=='publicNumber'" :data="publicNumberArray" key="publicNumber" >
vue的循环也是，如果不加上 绝对不同的key 可能就会出 .length 错误或者 一些简单的数组错误
还不放心，也可以给key加一个 随机数 就可以了
key="Math.random()"
以上这篇Vue 根据条件判断van-tab的显示方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
解决vue中数据更新视图不更新问题this.$set()方法
这篇文章主要介绍了解决vue中数据更新视图不更新问题this.$set()方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要为大家详细介绍了Vue中webpack的使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
浅析vue-router jquery和params传参(接收参数)$router $route的区别
今天做项目时踩到了vue-router传参的坑（jquery和params），所以决定总结一下二者的区别。感兴趣的朋友跟随脚本之家小编一起看看吧2018-08-08
这篇文章主要介绍了Element Input组件分析小结，详细的介绍了Input组件的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了vue计算属性+vue中class与style绑定,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
基本上后台管理系统都需要有多页签的功能，但是因为一些脚手架项目基本都把这个功能给集成好了，导致在学习或者修改的时候不知道该如何下手。今天这篇文章就来聊一聊，vue-element-admin项目是如何实现多页签功能的2022-09-09
本文将深入探讨计算属性未生效的常见原因,并提供排查和解决方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-03-03
vue3使用element-plus再次封装table组件的基本步骤
这篇文章主要介绍了vue3使用element-plus再次封装table组件的基本步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-03-03
本文主要介绍了vue使用JSEncrypt对密码本地存储时加解密，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
在数据分析和可视化领域,经常需要以表格的形式展示数据,Plotly.js 是一款功能强大的 JavaScript 库,不仅可以创建交互式图表,还可以动态生成 HTML 表格,本文给大家介绍了如何用Vue3和Plotly.js创建交互式表格,需要的朋友可以参考下2024-07-07
最新评论