路由vuerouter quasar vue3
Python flask redirect调用其他路由函数或url连接
前言全局说明 Python flask redirect调用其他函数或url连接 一、redirect调用其他路由(函数) 文件名：index.py from flask import Flask, redirect app=Flask(__name__) @app.route('/') def i ......
vue-addroute动态路由刷新之后页面空白
解决动态路由刷新之后页面空白 /* 权限 */ import store from '@/store/index' import router from '@/router'; // 动态路由 let routers = [{ path: 'welcome', name: "welcome", co ......
Vue3常用指令
本小节中，我们将学习 Vue 3 中的文本插值相关功能。 文本插值语法 文本插值语法如下，通常用双大括号来表示，当其绑定的变量发生变化时，插值的内容也会随之发生变化，也就是数据双向绑定功能： {{ 插值表达式 }} 示例： <script setup> import { ref } from 'vu ......
VUE3新建项目
npm init vite-app archer240105 //进入目录 cd 项目目录 //安装依赖 npm install //运行 npm run dev ......
vue3（三）
1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue，里面的内容要如何实现如下图所示的布局，如何实现点击页面左半部分文字，而只有页面右半部分的内容发生变化呢？ 不难想到，导航栏的内容是挂载到App.vue文件上的。稍加思索的是，要利用RouterView技术，将页面右（Detail ......
Gin 路由注册与请求参数获取
Gin 路由注册与请求参数获取 一、Web应用开发的两种模式 1.前后端不分离模式 也叫前后端混合开发模式, 需要后端写模板语言(dtl), 返回的是HTML页面 浏览器 : 请求动态页面 后端 : 返回HTML 优点：可以直接渲染页面, 方便处理请求数据 缺点：耦合度非常高, 不方便扩展 2.前后 ......
vue-router的使用，以及路由守卫的使用，复制直接用！
安装完路由，我们在更目录创建一个router的文件夹，然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
中兴BE7200Pro+的WIFI 7路由器开箱
上一个讨论的帖子：https://www.chiphell.com/thread-2573626-1-1.html 。 对应小米WIFI 7路由器BE6500 Pro开箱的帖子：https://www.chiphell.com/thread-2573915-1-1.html 。 上次开箱了小米的路由 ......
突破路由限速，修改无线网卡MAC地址
在有些局域网中针对网卡的 MAC 地址设置了限速，特定 MAC 地址的网卡只能获得一个非常慢的网速。 此时，我们可以通过「MAC 地址欺骗」来解除网速限制。 MAC地址欺骗（或MAC地址盗用）通常用于突破基于MAC地址的局域网访问控制，例如在交换机上限定只转发源MAC地址，修改为某个存在于访问列表中 ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
单线复用之使用路由器直连机顶盒
背景 这学期学了点网络知识，正好前两天回家想起来一直没有解决的问题：光猫到客厅只有一根网线，但是却有路由器和IPTV的需求。这个问题一直没有解决，之前想过用两个交换机来解决这个问题，但是光猫所在的弱电箱太小了，并不足以容纳一个小型的交换机，也想过把墙内本来的一根超五类八芯网线换成单独的两根六类网线， ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
linux iptables在没有域名且网络不通的情况下实现将IP数据包从一个IP地址路由到另一个IP地址
linux iptables在没有域名且网络不通的情况下实现将IP数据包从一个IP地址路由到另一个IP地址 ** 本文地址：https://www.cnblogs.com/muphy/p/17934332.html 场景 即使同一台服务器，在不同网络环境下访问的IP地址不同，处于不同的网段，且不同网 ......
Vue3使用vue-video-player组件
1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ，会无效的 同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效 因此，正确的绑定办法是，在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
若依、vue三级路由缓存失败
router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
vue3教程（1 快速入门）
一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
4G与有线网卡路由冲突解决方案
移远4G模块与有线网卡路由冲突 上位机设置路由表 设置网关，设置前要删除之前网关（192.168.1.1替换成要设置的网关地址） sudo route del default gw 192.168.1.1 sudo route add default dev enp1s0 4G拨号脚本 问题：防止在 ......
路由的使用
根据vue的版本下载对应版本的vueRouter 口诀: 233, 344 步骤: 5+2 组件的目录存放问题 问题: 以上所有的路由配置都写在了main.js中, 随着项目的复杂, 这个文件就很乱合适吗? 以上把main.js的路由配置抽离到了src/router中路径发生了改变,注意路径的变化 ......
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......