sessionstorage localstorage elementui router
elementUI 的el-dialog作为子组件，父组件如何控制其关闭的按钮
这里有三点需要说明： 1. 使用：before-close="closeHandle" 将其 $emit() 出去 2. 取消按钮 也需要$emeit出去 3. 控制对话框显示隐藏的变量需要props给父组件来传值，这个相当重要，不然控制不了对话框的显示隐藏 4.1,2步骤是为了在子组件不再重复操作 ......
koa-router路由使用
koa官方文档： https://koa.nodejs.cn/ (2.14) 使用教程 get示例： https://chenshenhai.github.io/koa2-note/note/route/koa-router.html post示例： https://juejin.cn/post/6 ......
vue 超链接 a标签 router-link
router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
vue3中router配置中的children怎么用
在Vue 3中，当你使用Vue Router创建路由配置时， children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由，从而构建出具有层级结构的URL路径。 这里是一个基本的例子，展示了如何在Vue Router中使用children属性： import { create ......
elementui中附件上传功能 el-upload 踩坑 问题分析以及解决
1、Current request is not a multipart request 很离谱这个错误，这个错误原因是我的data写成date： 2、Required request part ‘file‘ is not present： 首先要知道这个错误是来自后台，通常是@RequestPar ......
使用router.replace解决路由跳转问题
需求：A页面跳转到B页面，B页面带参跳转到C页面，C页面点击确定带参跳转回B页面。但是C页面点击返回按钮可返回到B页面，B页面点击返回按钮可返回到A页面。 即A->B（带参）<->C（带参） 在Vue3中，如果全部使用router.push带参跳转，则返回时路由跳转会变得很混乱。 解决方法：B和C页 ......
vue+elementUi中国省市区/省市，三级/两级联动选择
安装城市数据 npm install element-china-area-data -S 导入数据 import { regionData, codeToText } from 'element-china-area-data' 1. 显示全部城市 HTML代码： <template #equip ......
React 之 react-router-dom
1、项目初始化 创建项目 npx create-react-app react-router 安装 react-router-dom npm i react-router-dom 2、快速体验 index.js import React from 'react'; import ReactDOM f ......
27-1 BFD联动实验（OSPF/Static Router/VRRP）
拓扑 要求： 1.接入层和汇聚层配置MSTP+VRRP实现高可用性 2.汇聚层和核心层配置BFD高可用性 3.汇聚层和核心层之间允许OSPF，OSPF配置BFD实现高可用性 4.核心层到LSP配置静态路由，要求配置BFD实现高可用性 配置 基础配置（VLAN+IP） PC1配置，PC2参考PC1 A ......
Vue-Router
Rouer组件 可以构造单页引用 多页应用：mpa 每一个页面都是一个html文件 方便seo优化 单页应用：spa 知乎网站 掘进 百度移动端 单页用于取决情况： 1.用户群体比较多 原理：相当于一个a标签，导航栏上切换不同的视图 大部分做的vue 使用都是后台管理程序 在使用router是 vu ......
elementui el-upload 实现不自动上传功能，点击确定在上传，并且显示上传进度条功能
<div> <div class="row mt-2"> <div class="col-lg-12"> <label>agent文件名</label> <input v-model="addParams.newAgent" type="text" class="form-control" plac ......
如何监听localStorage中的值的变化？
场景：layout页顶部navar组件中展示用户名称，在修改用户名并关闭弹框后，navar组件中的name不能及时更新，需要手动刷新。如下： 1、在utils中写个方法watchStroage.js。对localStorage.setItem进行重新改造 2、在main.js中引入这个方法并使用 i ......
elementUI-table 表格内容按照内容显示，且没有折行
/** * 使用span标签包裹内容，然后计算span的宽度 width： px * @param valArr */ getTextWidth(str) { let padding = 0;//单元格左右padding距离 let width = 0; let span = document.cr ......
SpringCloud动态路由利器--router4j
本文介绍Java的动态路由中间件：router4j。router4j用于SpringCloud项目，它可以将某个url请求路由到指定的机器上，也可以将所有请求强制转到指定机器。 ......
vue-router中的编程式导航api
常用的导航api有： this.$router.push('hash地址') 跳转到指定hash地址，并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址，并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退，数值 ......
vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 ......
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中，我们实现了 router-link 组件，这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界，同一个梦想的，那么我就废话不多说了，直接上代码。 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
存储机制（Window.sessionStorage 和 Window.locaStorage）
<!DOCTYPE html><html><head><meta charset="utf-8"><title>web Storage</title><!--1.存储内容大小一般支持5MB左右（不同浏览器可能不一样）2.浏览器通过Window.sessionStorage 和 Window.loca ......
MySQL Router学习总结
MySQL Router介绍 MySQL Router是MySQL官方提供的一个轻量级中间件，是InnoDB Cluster的一部分，当然它也可以单独部署使用，可在应用程序和后端MySQL服务器之间提供透明路由方式。主要用以解决MySQL主从/集群的高可用、负载均衡、易扩展等问题。Router作为一 ......
elementUI + Spring上传文件
elementUI + Spring上传文件 表单文件上传 【elementUI + Spring报错解决方案】Required request part ‘***‘ is not present 表单上传文件时需要去除@RequestBody 前端文件上传 doApprove() { const ......
客户端相关知识学习（十一）之Android H5交互Webview实现localStorage数据存储
前言 最近有一个需求是和在app中前端本地存储相关的，所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用，那是因为默认WebView没有开启LocalStorage存储。开启方法如下 首先得有Webview控件： 有人问我是不是需 ......
通过项目中的实际例子，介绍 LocalStorage 在 Angular 开发中的使用场景
笔者之前在掘金社区的技术文章，介绍过自己项目组中负责开发的一款基于 Angular 的电商 SDK： Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享 Angular 应用的搜索引擎优化(SEO)实战指南 本文笔者会分享自己项目过程中，在 ......
高级前端开发工程师必备：Hooks、React Router v6 和状态管理
点击下方“前端开发博客”，关注并“设为星标” 大家好，我是漫步 最近一个大佬的简历这样子写的，“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
Vue 中 vue-router 的使用
一、内容：1.一个路径配置对应一个组件，或一个路径配置对应一个函数（请求），称之为一个路由。2.SPA(single page web application),只有一个页面的应用程序。3.路由器 router，是一个 vue 的插件库，专门用来实现 SPA。4.整个应用只有一个router。5.数 ......
手撕Vue-Router-添加全局$router属性
前言 经过上一篇文章的介绍，完成了初始化路由相关信息的内容，接下来我们需要将路由信息挂载到Vue实例上，这样我们就可以在Vue实例中使用路由信息了。 简而言之就是给每一个Vue实例添加一个$router属性，这个属性就是我们在上一篇文章中创建的VueRouter实例。 实现思路 我们需要在Vue实例 ......
elementUI中关于 el-table 表尾合计行列子
列表中数量和金额需要统计并显示单位： 统计后的效果如下： <el-table v-loading="loading" border :data="List" @selection-change="handleSelectionChange" show-summary :summary-method= ......
手撕Vue-Router-初始化路由信息
前言 经过上一节课的学习，我们已经完成了提取我们想要的路由信息数据格式，提取完毕了之后，接下来我们该干什么，接下来需要做的步骤就是监听路由的变化，保存当前的路由。 那么就会遇到几个问题，就是怎么监听，怎么保存，我们先回到 VueRouter 的官方文档，点击右上角的 API 参考，然后拖动到底部，在 ......
$router.push()中通过path跳转和通过name跳转有什么区别
今天在路由跳转传参时发现params传参接收到的总是为空，才发现通过path和name传参是有区别的 path传参要完整的路径，不能带参数。name传参可以带params。 params的传参页面刷新会丢失，query的传参不会丢失 使用path进行跳转： 当你使用path进行跳转时，你需要提供完整 ......