示例图:

 当搜索无内容时,直接展示暂无数据图片

src是图片路径,通过v-if判断是否有数据,class="image"用来调整样式

<!-- 提示暂无数据的图片 -->
		<image src="../../../static/no.png" class="image" v-if="this.items.length===0"></image>
<style lang="scss">
//没有数据时的暂无数据提示图片
	.image {
		width: 100%;
		height: 678px;
		// mask-repeat: repeat;
	}
</style>

文件路径:可以自己找其他图片

Logo

快速构建 Web 应用程序

更多推荐