Vue3+Vite项目如何使用mockjs随机模拟数据


今天小编给大家分享一下Vue3+Vite项目如何使用mockjs随机模拟数据的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。在vite中使用mockjs进行模拟数据,需要借助新的依赖进行使用在index.vue中放入以下内容:四、开发环境配置如果只是本地开发环境时使用,直接免费云主机域名看下面即可步骤在vite.config.ts进行个人配置在页面中引入打印效果如下:
如果只要随机数则直接生成即可

想要随机数在return中放入随机条件即可。如果想要用随机数中的图片就需要从mockjs中引入一个Random方法

在页面上进行循环:这里的Random.image()方法是从官网上拿下来用的

效果如下:
index.vue
效果如下:
以上就是“Vue3+Vite项目如何使用mockjs随机模拟数据”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: C#如何实现十六进制与十进制相互转换功能

这篇文章主要介绍了C#如何实现十六进制与十进制相互转换功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇C#如何实现十六进制与十进制相互转换功能文章都会有所收获,下面我们一起来看看吧。在程序中,十六进制的表示形式通常为字符串;而十…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/08 16:49
Next 03/08 16:49

相关推荐