事项vue cli 01

使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决

使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下 // 处 ......
缓存 组件 keep-alive 菜单 问题

vue2+vant2+rem+axios+钉钉自动登录 h5模板

下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
模板 vant2 axios vue2 vant

vue sort 排序方法

1、数据排序 var arry = [9,5,6,7,5,6,3,1,0] arry.sort() // [0, 1, 3, 5, 5, 6, 6, 7, 9] 2、对象排序 var list=[{name:'张三',age:12},{name:'李四','age:23}]; list.sort(( ......
方法 sort vue

《nodejs跨栏》vue篇——路由

路由是什么 参考链接:https://www.cnblogs.com/chengqiang521/p/15512719.html router简介 路由,一个router就是一组key-value对,只不过这里的key是路径,就是path,value是组件。 基本使用 1安装vue-router n ......
路由 nodejs vue

Vue2--入门学习

看了慕课网的教学视频,觉得挺不错的,在此做个随堂记录,有兴趣的可以去看视频 vue版本:2.5 文档链接:https://v2.cn.vuejs.org/v2/guide/installation.html 视频链接:https://www.imooc.com/video/16976 在vue官网下 ......
Vue2 Vue

Vue路由跳转时的动画效果

1.写一个layout组件,降<router-view/>包裹在transition标签里,实现路由跳转时的动画 2.在router/index.js里面引入该组件,并放在component: layout这里,功能完成 3.transition 是vue的封装组件,具体可参考官网 https:// ......
路由 效果 动画 Vue

php:7-cli-apline安装mysql redis mongo扩展模块

apk add --no-cache build-dependencies build-base openssl-dev autoconf g++ libtool make curl-dev libxml2-dev linux-headers docker-php-ext-install -j 2 ......
cli-apline 模块 apline mysql mongo

《nodejs跨栏》vue篇——vue简介

Vue读音 读作view Vue文件结构 参考链接:https://www.runoob.com/vue2/vue-directory-structure.html 其中App.vue代码如下: 点击查看代码 <!-- 展示模板 --> <template> <div id="app"> <img ......
vue 简介 nodejs

Vue 路由跳转、路由传参、跳转区别、传值取值

版权声明:本文为CSDN博主「灬ManongLai」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_39453402/article/details/127958797 1、router-link <rou ......
路由 Vue

vue使用video.js库,引入语言脚本的方式

第一种 import 'video.js/dist/video-js.css' import videojs from "video.js"; window.videojs = videojs; require('video.js/dist/lang/zh-CN'); 第二种 import 'vid ......
脚本 语言 方式 video vue

基于.Net5+Vue+iView前后端分离通用权限开源系统

在Github上,.Net通用的权限框架非常多,功能也都比较强大,但是对于很多初学者来说,想要从零学习框架的搭建,就比较困难了。 所以,今天给大家推荐一套比较简单的前后端分离通用权限系统。 项目简介 这是一个基于.Net5+Vue+iView开发的、前后端分离通用权限系统,系统采用三层架构,该项目功 ......
权限 系统 iView Net5 Net

Vue watch 的handler,immediate,deep属性

new Vue({ el: '#app', data: { num: 0, sum:10, }, watch: { // 只要num的值发生变化,sum的值就会变化 不用handler的简洁写法 num(newValue, oldValue) { this.sum= newValue; } // 也 ......
immediate 属性 handler watch deep

关于 vue element date-picker 2023年节假日过滤

element-ui DatePicker 的使用可参考:https://element.eleme.cn/#/zh-CN/component/date-picker 具体节假日需要每年12月份,跟据国家发部的通知自己行做调整 2023年节假日通知参考:http://www.gov.cn/zheng ......
date-picker 假日 element picker date

《nodejs跨栏》vue篇——新建项目

使用脚手架新建 参考链接:https://segmentfault.com/a/1190000022484789 一、安装nodejs 1、访问网址:https://nodejs.org/en/ ,下载安装(左边稳定版,右边最新版),一路next。 2、下载完成后,cmd中输入node -v,检查是 ......
项目 nodejs vue

vue 导致el-menu高亮会失效的问题

一个router转到另一个router常用的方法: this.$router.push({path:'',params:{}}); this.$router.push({path:'',query:{}}); 这种方式传参都是可以接收到的。但是有个问题,导致中的el-menu不能高亮显示,进行跟踪以 ......
el-menu 问题 menu vue el

vue 后端传文件流前端解析并下载

注:很多小伙伴可能会出现,下载后乱码情况,因为后端传的文件流。 前端请求的时候,在请求体上需要添加申明: export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
前端 文件 vue

vue中关于赋值的坑

在使用弹窗展示表格数据详情的时候,由于字段名都取一样的,在详情弹窗页面,不会在data中去特意定义每个字段名。直接用上个页面的传值,通过赋值让值直接显示: 比如: this.ruleForm = data 如果,在你需求中没有清空或者更改data中数据或许并不会产生问题。但如果在这个页面需要对数值进 ......
vue

关于vue中动态路由404 为什么要放最下面

在vue在路由匹配机制中,对路由的匹配是从上到下的,通常使用{ path: '*', redirect: '/404', hidden: true }进行404页面跳转,*代表获取所有路径标识,如果放在前面就会提前进行匹配到404页面,从而无法匹配到正确页面。所以我们需要将其放在最后,只有当页面不存 ......
路由 动态 vue 404

vue中 vuex踩坑笔记-刷新后动态路由不渲染

在vue中,vuex经常用于存储公共状态,特别是在登录的时候获取token再保存,这个时候 如果是做的动态路由,由于vuex的特性在你刷新后会清除你的所有操作的存储。这时候,存储的token和动态路由都会被清掉。 如何解决这个问题: 1.结合session或者cookie(通常用这个),token保 ......
路由 笔记 动态 vuex vue

day01

Django基础命令 命令行操作 cmd 1.创建Django项目 1.1.先切换到指定目录,切换到D盘 d: 1.2.创建Django项目 '''django-admin startproject 项目名称''' django-admin startproject mysite01 2.启动Dja ......
day 01

vue写一个sleep函数

在Vue中,可以使用Promise和setTimeout来实现一个sleep函数。 下面是一个示例代码: function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } 这个函数接受一个毫秒数,返回一个Pr ......
函数 sleep vue

vue环境配置

.env.peizhi ENV = 'peizhi' package.json "serve:peizhi": "vue-cli-service serve && webpack-dev-server NODE_ENV=peizhi --mode peizhi --open --hot" ......
环境 vue

算法学习day08字符串part01-344、541、offer05、151、offer58

package LeetCode.stringpart01; /** * 344. 反转字符串 * 编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。 * 不要给另外的数组分配额外的空间,你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 * 示例: ......
offer 字符串 算法 字符 part

C# HttpClient使用和注意事项,.NET Framework连接池并发限制

System.Net.Http.HttpClient 类用于发送 HTTP 请求以及从 URI 所标识的资源接收 HTTP 响应。 HttpClient 实例是应用于该实例执行的所有请求的设置集合,每个实例使用自身的连接池,该池将其请求与其他请求隔离开来。 从 .NET Core 2.1 开始,So ......
HttpClient Framework 注意事项 事项 NET

Vue全局配置WebSocket

服务端可以主动向客户端推送数据,浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双向数据传输 创建文件/xx/global.js,且在main中引用 // global.js 文件 export default { ws: {}, setWs: function(newWs) ......
全局 WebSocket Vue

Docker CLI docker compose restart常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 compose restart Docker

vue3 路由页面返回时,恢复滚动条位置

首先,路由必须是KeepAlive模式 <script setup lang="ts"> import { onActivated } from "vue"; import { onBeforeRouteLeave } from "vue-router"; import { ref } from " ......
路由 位置 页面 vue3 vue

vue中手动清除KeepAlive缓存

首先,这是vue的官方文档 KeepAlive | Vue.js (vuejs.org) KeepAlive组件能够保存当前组件状态,在进行路由跳转时变为【不活跃状态】而非卸载。但是官方并没有提供清除缓存的方法(除了刷新页面,整体重建) 假设以下是我们路由&对应组件的代码 <router-view ......
缓存 手动 KeepAlive vue

vue-cli打包出单文件

// vue.config.js修改const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, filenameHashing: f ......
vue-cli 文件 vue cli

Vue "引用式"调用组件内函数

##场景 希望在点击页面上的某个 button 时, 刷新某个组件的内容. 组件内容刷新函数 getStatistic() 在组件<Table/>内, 当点击 "统计" 按钮时, 页面 Block 切换至统计页面, 同时调用对应组件中的 getStatistic() 函数, 更新数据. ##解决方案 ......
quot 函数 组件 Vue