vue3
great-sun
你若不会72变,谁来帮你抵挡81难
展开
-
vue3构建项目流程总结
路由跳转router.push(name“login”,query{id250});更改子组件变量名称AddVueRef.value.drawer=true;调用子组件方法AddVueRef.value.test(“父调子方法”);获取路由参数constid=route.query.id。parent.reflush(“你换女朋友了?//更改父组件变量instance.ctx.页面加载onMounted。8.vue页面基本模板。...原创 2022-07-23 15:27:00 · 362 阅读 · 0 评论 -
vue3使用element plus下拉列表组件,并通过forEach遍历组装数据
vue3使用element plus下拉列表组件,并通过forEach遍历组装数据原创 2022-07-09 17:01:39 · 2185 阅读 · 0 评论 -
vue3父组件页面向子组件页面传参,调用子组件方法;子组件向父组件传参,调用父组件方法。实现简单,看完不迷糊
vue3父组件页面向子组件页面传参,调用子组件方法;子组件向父组件传参,调用父组件方法。1.导入子组件2.引入子组件标签,并设置ref值二.父组件向子组件传参,改变子组件变量的值实际应用:点击按钮打开弹窗1.父组件加入一个按钮2.父组件写点击事件3.子组件暴露属性,方便父类调用扩展:父组件调用子组件的方法1.子组件定义一个测试的方法 m传参2.暴露方法2.父调子类已经暴露 的方法三.子组件调用父组件的方法实际应用:子组件添加完成之后,调用父组件的查询方法,重新加载页........原创 2022-07-07 19:20:14 · 6261 阅读 · 0 评论 -
yum安装nginx,并部署前端vue项目到虚拟机上运行
yum安装nginx,并部署前端vue项目到虚拟机上运行1.搜索一下有没有nginx,命令如下yum search nginx2.查询nginx要安装的版本,命令如下whereis nginx3.安装nginx,命令如下yum install nginx.x86_644.移除nginx,命令如下yum remove nginx5.打开目录,命令如下cd /usr/sbin6.启动,命令如下./nginx7.查看nginx进程,命令如下ps -aux |grep nginx.......原创 2022-07-06 20:39:53 · 1456 阅读 · 0 评论 -
vue 路由报错
在进行如下路由跳转时const edit = (index: number) => {let row: any = categoryData.value[index];router.push({ name: “commodityedit”, query: { id: row.id, name: row.name } });};遇到问题如下TypeError: Failed to fetch dynamically imported module: http://localhost:4000/src/原创 2022-07-06 08:27:23 · 12744 阅读 · 0 评论 -
vue3使用pinia进行本地储存
vue3使用pinia进行本地储存pinia1.安装2.新建文件 src/store/index.ts3.main.js里面导入并使用store4.新建 /store/userStore.ts 文件5.登录页面模拟本地存储原创 2022-07-05 15:27:11 · 4393 阅读 · 3 评论 -
vue3 + elementPlus reset重置表单
vue3 + elementPlus reset重置表单原创 2022-07-04 19:11:29 · 4873 阅读 · 0 评论 -
vue前端实现分页效果
vue前端实现分页效果1.引入的element-plus里面的分页样式2.定义变量3.编写分页触发函数前端完整代码结果展示:原创 2022-07-03 15:52:51 · 1345 阅读 · 0 评论 -
vue前端密码使用MD5加密
vue前端密码使用MD5加密原创 2022-07-03 15:08:18 · 2461 阅读 · 0 评论 -
vue token解析 前端解析token中携带的数据
vue token解析 前端解析token中携带的数据原创 2022-07-02 17:09:50 · 1934 阅读 · 0 评论 -
利用hutool树结构工具-TreeUtil显示多级菜单树状结构
利用hutool树结构工具-TreeUtil显示多级菜单树状结构原创 2022-07-01 20:57:52 · 1463 阅读 · 0 评论 -
知识点总结1.Vue格式化日期操作 2.支持vue3最新版富文本操作获取返回值3.中国省市区级联数据
知识点总结1.Vue格式化日期操作 2.支持vue3最新版富文本操作获取返回值3.中国省市区级联数据原创 2022-07-01 20:36:58 · 749 阅读 · 0 评论 -
vue和springboot前后端分离通过一个登录实例,添加token
vue和springboot前后端分离通过一个登录实例,添加token原创 2022-06-30 20:13:15 · 404 阅读 · 0 评论 -
hutool工具使用JWT.verify进行token验证,解析token,JWTUtil.parseToken
hutool工具使用JWT.verify进行token验证,解析token,JWTUtil.parseToken原创 2022-06-30 19:56:56 · 20506 阅读 · 0 评论 -
Vue3表单验证 单个验证 统一验证 自定验证
Vue3表单验证 单个验证 统一验证 自定验证原创 2022-06-28 12:44:46 · 8112 阅读 · 0 评论 -
Vue3使用面包屑头部导航栏
Vue3使用面包屑头部导航栏原创 2022-06-28 08:42:47 · 1703 阅读 · 0 评论 -
Vue3实现动态菜单展示,实现动态图标展示,实现跳转到一个新页面
Vue3实现动态菜单展示,实现动态图标展示,实现跳转到一个新页面原创 2022-06-27 21:12:20 · 2788 阅读 · 0 评论 -
Vue3 table表格使用axios调用后端Api数据,统一返回格式
Vue3 table表格使用axios调用后端Api数据,统一返回格式原创 2022-06-27 19:55:14 · 2899 阅读 · 0 评论 -
Vue3给table表格字段,添加超级链接,点击后跳转
Vue3给table表格字段,添加超级链接,点击后跳转原创 2022-06-27 19:26:28 · 5739 阅读 · 1 评论 -
Vue-Router使用
Vue-Router使用1. 安装vue项目的package.json文件会自动增加如下依赖:2. 添加路由在src目录下新建router/index.ts3. 在main.ts文件加入路由4.在App.vue 添加导航,并使用router-view原创 2022-06-24 16:46:07 · 145 阅读 · 0 评论 -
errno -4048 npm ERR Error: EPERM: operation not permitted, open ‘D:\nodejs\node_cache\_cacache\tmp
errno -4048 npm ERR Error: EPERM: operation not permitted, open 'D:\nodejs\node_cache\_cacache\tmp原创 2022-06-24 10:09:05 · 6819 阅读 · 2 评论