随笔分类 -  常遇到的问题

摘要:前端权限控制思路 菜单的控制 登陆请求时,会得到权限数据,需要后端返回数据,前端根据权限数据,展示对应的菜单,点击菜单才能看到相应的界面 界面的控制 如果用户没有登录,手动在地址栏敲入管理界面的地址,则需要跳转到登录界面 用户已经登录,可是手动输入非权限的地址,则需要跳转404页面 按钮的控制 在某 阅读全文
posted @ 2022-11-20 22:48 小成- 阅读(42) 评论(0) 推荐(0) 编辑
摘要:在配置文件下面加上这行代码 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave:false }) 阅读全文
posted @ 2022-11-16 14:40 小成- 阅读(29) 评论(0) 推荐(0) 编辑
摘要:调用Object.prototype.toString.call()方法 Object.prototype.toString.call('1') '[object String]' Object.prototype.toString.call(1) '[object Number]' Object. 阅读全文
posted @ 2022-11-11 11:07 小成- 阅读(18) 评论(0) 推荐(0) 编辑
摘要:main.js 里面 import * as API from "@/api"; //引入API import "@/mock/mockServe"; new Vue({ router, store, render: (h) => h(App), beforeCreate() { Vue.proto 阅读全文
posted @ 2022-11-06 20:36 小成- 阅读(32) 评论(0) 推荐(0) 编辑
摘要:下载插件 vuex-persistedstate npm i vuex-persistedstate 然后到store 文件下面 index.js 引入 import createPersistedState from "vuex-persistedstate"; 配置 import createP 阅读全文
posted @ 2022-11-05 22:24 小成- 阅读(10) 评论(0) 推荐(0) 编辑
摘要:把图片资源放在assets 文件下面 放置全部组件公用静态资源 在样式当中也可以使用@符号 【src别名】:切记要在前面加上~ 阅读全文
posted @ 2022-11-05 17:17 小成- 阅读(21) 评论(0) 推荐(0) 编辑
摘要:加入购物车按钮 路由跳转前发请求 成功路由跳转与参数传递 结合会话存储 失败提示失败信息 添加成功后 查看详情 查看购物车 购物车 购物车静态组件 - 发起请求,获取购物车数据 UUID临时游客身份 动态渲染购物车 修改购物车产品的数量(需要发请求,参数理解) 删除某一产品 修改产品的状态 全选 阅读全文
posted @ 2022-11-04 18:21 小成- 阅读(16) 评论(0) 推荐(0) 编辑
摘要:切换路由时,路由的滚动条还是在底部 const router = new VueRouter({ routes, // 控制切换路由时滚动行为 scrollBehavior(to, from, savedPosition) { if (savedPosition) { return savedPos 阅读全文
posted @ 2022-11-04 14:29 小成- 阅读(13) 评论(0) 推荐(0) 编辑
摘要:选择自己喜欢的icon图标,添加图库到项目 生成链接 (Font class) 复制后的代码添加到 public文件夹下面的index.html 例: <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3748529_azzxyc 阅读全文
posted @ 2022-11-03 19:11 小成- 阅读(16) 评论(0) 推荐(0) 编辑
摘要:在入口文件引入css文件 有相应的结构,才能出实话swiper实例 为什么swiper实例在mounted当中直接书写不可以,因为结构还没有完整 可以先放在一个定时器方法里面(setTimeout) 最完美的解决方法 ,解决轮播图问题 watch + nextTick : 数据监听,监听已有数据变化 阅读全文
posted @ 2022-10-14 13:28 小成- 阅读(20) 评论(0) 推荐(0) 编辑
摘要:如果携带params参数,需要占位 keyword 就是占位 ?代表params 可传可不传 { path: "/search/:keyword?", component: Search, name: "Search", meta: { isshow: true, }, }, params 参数不可 阅读全文
posted @ 2022-10-13 12:26 小成- 阅读(49) 评论(0) 推荐(0) 编辑
摘要:1. src文件夹配置别名 新建jsconfig.json配置别名@提示。 [ @ 代表的是src文件夹,这样将来文件越来越多,找的越方便] { "compilerOptions": { "baseUrl": "'./", "paths": { "@/*": ["src/*"] } }, "excl 阅读全文
posted @ 2022-10-10 18:16 小成- 阅读(16) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示