<van-cell is-link @click="$router.push('sign')"> <template #title> <i class="icon icon-sign"></i> <span>签约管理</span> </template> </van-cell>在签约管理后面加一个圆形红色点,接口返回结果显示,接口不返回结果不显示
时间: 2023-11-16 07:42:57 浏览: 77
解决vue.js this.$router.push无效的问题
您可以使用`van-badge`组件来实现在"签约管理"后面加一个圆形红色点的效果。首先,在`van-cell`组件的外部包裹一个`van-badge`组件,并设置其属性`dot`为真,表示显示一个圆形红色点。然后,根据接口返回的结果来控制`van-badge`组件的显示与隐藏。
以下是示例代码:
```html
<van-cell is-link @click="$router.push('sign')">
<template #title>
<i class="icon icon-sign"></i>
<span>签约管理</span>
</template>
<van-badge v-if="showBadge" dot type="danger"></van-badge>
</van-cell>
```
在上述代码中,我们使用了一个名为`showBadge`的变量来控制`van-badge`组件的显示与隐藏。当接口返回结果时,将`showBadge`设置为真,即可显示红色点;当接口不返回结果时,将`showBadge`设置为假,即可隐藏红色点。
请注意,以上代码仅为示例,您需要根据您的实际情况进行适当调整。
阅读全文