路由vuerouter quasar vue3
Next.js 开发指南 路由篇 | 动态路由、路由组、平行路由和拦截路由
前言 实际项目开发的时候，有的路由场景会比较复杂，比如数据库里的文章有很多，我们不可能一一去定义路由，此时该怎么办？组织代码的时候，有的路由是用于移动端，有的路由是用于 PC 端，该如何组织？如何有条件的渲染页面，比如未授权的时候显示登录框？如何让同一个路由根据情况不同展示不同的内容？ 本篇我们会一 ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
架构相关---路由菜单权限+多模块菜单+微前端
权限 https://www.bilibili.com/video/BV1v14y1z7mb/ 1.路由菜单权限 2.权限有菜单权限，按钮权限 多模块菜单 1.高亮 2.多级和高亮 微前端 1.qiankun 2.microApp ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
HTML页面的哈希（hash）路由原理+原生js案例
<!-- * 场景:不刷新页面，对页面的局部内容进行更改 *方案1：ajax 方法 *方案2：哈希（hash）路由原理 *方案2讲解：监听浏览器的url中的hash（url的#后面的文本——锚文本）值，进行更改内容 --> <!DOCTYPE html> <html lang="cn"> <head ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
如何在Vue中实现动态路由
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Windows 如何终端命令行添加路由
要显示 IP 路由表的完整内容，请键入：route print要显示 IP 路由表中以 10. 开始的路由，请键入：route print 10.*要添加默认网关地址为 192.168.12.1 的默认路由，请键入：route add 0.0.0.0 mask 0.0.0.0 192.168.12. ......
vue2和vue3的区别？
vue2和vue3的区别？ 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持，结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
vue动态路由
export default { setRouters() { let menuList = [ { path: "/index", name: "index", component: "index", }, { path: "/user", name: "user", component: "us ......
docker直接运行vue3源代码npm run dev
有套代码，需要在服务器直接run dev，docker build玩起来。 步骤： 将自己的代码上传到服务器，本例：/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui，新建Dockerfile，内容如下，根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
vue3 打印
下载依赖 npm install vue3-print-nb --save main.js引入 import print from 'vue3-print-nb' 挂载 app.use(print); 自己写的额弹框表格 <el-dialog title="打印当前页面" v-model="dial ......
软路由设置多网段lan，让虚拟机也可以访问“外网”
背景 单网卡主机，主路由使用lede的openwrt，wan口是外部网口，虚拟机交换机创建一个内部网络，桥接网络，主机和虚拟机通信的，然后还有一个vm的虚拟网卡是232网段，openwrt的lan口是1网段，现在想让两个都可以上外网 步骤 我现在是ledeopenwrt做主路由，然后istore接到 ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
SpringBoot2.7+VUE3如何上线一个项目
后端 打开控制端口mvn clean package 在target中生成 myblog-0.0.1-SNAPSHOT.jar 即可 前端 在终端输入npm run build后生成dist文件夹 服务器部署 在 /www/wwwroot 下新建网站文件夹，上传jar包、dist文件 新建start ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方 ......
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端
使用 Recorder插件 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码 到 ......
vue3 v3-easyui messager消息框封装
2024年1月7日21:38:30 关于messager消息框封装，官方文档漏了很多配置（例如tip），由于无法通过某个属性控制显隐，所以不能封装成组件的形式在模板使用，而且也不符合消息框的使用设想。例如封装好后在网络请求调用，就不能是组件形式，所以通过类似hook函数封装。封装如下： /** me ......
vue3 easyui dialog没有属性控制显隐问题
2024年1月7日21:11:37 vue3 v3-easyui中dialog没有属性控制显隐，通过观察源码得知dialog.closedState属性可以控制 v3-easyui源码如下： 个人封装代码如下： /** modal.vue */ <script lang="ts" setup> im ......
Next.js 开发指南 路由篇 | App Router
前言 路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定 URL 如何呈现的库，在服务层实现 API 时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在 Next.js 中，路由决定了一个页面如何渲染或者一个请求该如何返回。 N ......
Python Flask 网页URL路由设置别名(alias) endpoint
前言全局说明 Python Flask 网页URL路由设置别名(alias) endpoint 一、安装flask模块 官方源： pip3 install flask 国内源： pip3 install flask -i http://pypi.douban.com/simple/ --truste ......
Python flask 路由是什么，怎么理解？
Python flask 路由是什么，怎么理解？ 答： 当用户输入 网址URL 时，会向服务器请求， 服务器接收到的链接，用哪个函数处理， 连接和函数绑定叫路由 @app.route('/login') def login(): return redirect('https://passport.b ......