<SeptTabs :data="delData" v-model="current" @exe-change="handleTabChange"> <div v-show="current === 0"> 111111111 </div> <div v-show="current === 1"> 2222222222 </div> </SeptTabs>怎么样才能显示展示组件1或者2
时间: 2024-02-14 09:12:12 浏览: 18
这段代码使用了自定义组件 SeptTabs,其中的 v-model="current" 绑定了一个名为 current 的响应式变量,@exe-change="handleTabChange" 绑定了一个名为 handleTabChange 的方法。
要显示展示组件1或者2,需要根据 current 的值来判断。当 current 值为 0 时,展示组件1,当 current 值为 1 时,展示组件2。
具体实现方式是在组件内部使用 v-show 指令,根据 current 的值来判断是否展示组件。例如:
```
<SeptTabs :data="delData" v-model="current" @exe-change="handleTabChange">
<div v-show="current === 0">
111111111
</div>
<div v-show="current === 1">
2222222222
</div>
</SeptTabs>
```
在这个例子中,当 current 的值为 0 时,展示 `<div>` 标签内的内容,当 current 的值为 1 时,展示另一个 `<div>` 标签内的内容。