json-server模拟数据库/调用接口 在非项目目录 新建 名称.json (里面就只能是json格式 属性双引号) 里面写入你的数据json。注意属性中不要大写 (id表示主键 唯一和自增长 )例如:server.json。
在调用接口上map与forEach的区别 在场景:一个表格数据需要上传,每行表格需要上传图片->这就需要在提交时对数据也就是数组进行处理(先将每个元素图片上传拿到图片id。这种情况我刚开始就用的map处理,然后问题来了,提交的接口调用了,但是上传图片的接口没调用,用了async await也没用。方法不会等待异步操作,就报这个错误:undefined是不可迭代的。,这里又为啥不用forEach呢,因为。->然后我就用了forEach去处理。函数是异步的,可能会导致在。的回调函数执行之前,
vue+ELementPlus上传文件判断大小 打印形参file看看里面有size这个属性表示文件大小这个数值对应(n*1024*1024 n表示m)中upload组件上传文件限制文件大小,需要在该组件的on-change这个API中做处理。2、on-change这个Api中。
vue3动态路由+页面刷新丢失路由+再次加载路由 注:这里会衍生出一个问题,第一次登录的时候,路由信息没加进去,会跳404,所以这里需要做一个判断,判断路由to.matched这个去哪里的路由信息数组有没有数据,没有就再次添加动态路由信息,还有这块需要添加一个全局标识isAddAgain是否需要重新加载路由。动态路由添加后,每次刷新页面空白,这是因为刷新后路由守卫没再次走一遍,这里就需要在App.vue里面做判断,重新添加路由信息并跳转刷新前路由。目前路由只有静态的页面,我们需要做动态路由,需要在路由守卫router.beforeEach中添加。
vue3+vite项目打包后css样式丢失 可以禁用 CSS 代码分割,这样 CSS 样式将会内联到 JavaScript 中,而不是被提取到单独的 CSS 文件中。这种方式可以解决一些样式丢失的问题,因为样式将直接包含在构建后的 JavaScript 文件中,而不会受到代码分割的影响。默认情况下启用了 CSS 代码分割,CSS 样式会被提取到单独的 CSS 文件中,会导致一些样式丢失的情况。在vite.config.ts文件中加入 cssCodeSplit: false,
vue3+vite打包后动态路由页面vue文件资源加载失败 动态路由页面引入并不是像静态引入一样写在router.ts文件中,所以在打包的时候,这些vue文件被忽略了,没有打包过去,所以加载失败。后面的地址是一个模板对应你前端的文件路径。例如:我前端对应的路径。在router.ts文件中写入。
前端开发文档地址 Vue.js - 渐进式 JavaScript 框架 | Vue.js快速入门 – React 中文文档uni-app官网微信开放文档Layout 布局 | Element Plushttp://vant-contrib.gitee.io/vant/#/zh-CN/quickstart快速上手 | uview-plus 3.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架快速上手 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app
uniapp+vue开发微信小程序实现上拉加载下拉刷新 onReachBottonDistance设置数值表示距离底部多少距离触发onReachBottom生命周期。enablePullDownRefresh改为true表示开启下拉刷新。与vue3区别只是v3需要引入,v2直接写在methods中。1、在page.json文件中给需要操作的页面进行处理。
vue3项目安装pinia+持久化 3、在store文件夹中创建modules文件夹(这里做模块化,里面的文件用于保存不同数据)2、在store文件夹中创建index.js文件。1、在根目录下创建store文件夹。