实例:
<van-watermark :width="150" opacity="0.06">
<template #content>
<div style="font-size: 14px">
<div>{{ formData.name }}</div>
<div>{{ formData.mobile }}</div>
</div>
</template>
</van-watermark>
这样子页面初始化的时候 加载不到数据导致 页面上生成的水印是一个空白的水印
<template v-if="formData.name">
<van-watermark :width="150" opacity="0.06">
<template #content>
<div style="font-size: 14px">
<div>{{ formData.name }}</div>
<div>{{ formData.mobile }}</div>
</div>
</template>
</van-watermark>
</template>
template 加一层判断一下就可以啦,判断有值才开始渲染组件