[youzan/vant]Tabbar 的info参数怎么通过data函数初始化

2024-05-22 920 views
4
<template>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="shop">标签</van-tabbar-item>
      <van-tabbar-item icon="chat" dot>标签</van-tabbar-item>
    </van-tabbar>
</template>
<script>
export default {
  data() {
    return {
      active:0,
    }
  }
}
</script>

我如何动态修改 chat 的dot值 和 增加info=‘2’的设定

回答

3

用变量控制即可

<van-tabbar-item
  :dot="showDot"
  :info="info"
/>
export default {
  data() {
    return {
      showDot: true,
      info: 2
    }
  }
}
5

@chenjiahan 如果 info 是 0 的时候是否应该是移除不显示呢???

3

@chenjiahan 如果 info 是 0 的时候是否应该是移除不显示呢???

2

@Chasers9527 不排除有展示 0 的情况,不展示的话传 null 就行

4

@chenjiahan 谢谢~