页面axios网络vue
vue进行跳转之后出现Cannot read properties of undefined (reading 'router') TypeError: Cannot read properties of undefined (reading 'router'的问题
问题描述 使用router进行页面跳转时,就出现了这样的问题: 也就是这里出现了问题: 问题解决 本来是按照网上的教程: const _this=this; 但是,但是,我本来就是用的这种方法呀~ 然后就打算直接在这个界面引用: import router from '@/router' route ......
26-Vue脚手架-分析脚手架
将 24-Vue组件化编程-单文件组件 放到使用Vue脚手架创建的vue_test项目中 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存 ......
防火墙网络放行
通常做设置时需要对指定的程序或端口进行防火墙放行 @echo off rem 设置需要启动的端口 set OTHERPORT=1433,3389 rem 启用防火墙常规端口 可以删除 netsh advfirewall firewall add rule name="_Ping" dir=in pr ......
新手上路:如何进行网络映射,实现公网访问安防视频LiteCVR平台?
最近接到一个用户需求,需要在现场进行简单的映射,从而实现公网访问LiteCVR的Web页面,方便运维。今天我们来介绍下实现方法。 LiteCVR平台可在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、智能分析等。平台可提供视频监控直播、 ......
Vite+Vue3 加载速度优化
可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。 静态资源拆分打包 在常规打包方法下,所有的第三方依赖将会都打包在一个 vendor.js 文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。 而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可以实现异步 ......
Vue 实现 PDF 导出功能
旨在通过 html2canvas 和 jspdf,先将页面的 html 转成 canvas,再将 canvas 转成 pdf,同时解决了分页截断的问题。 安装依赖 yarn add html2canvas yarn add jspdf 思路 通过网上的一些教程,初步实现了 html 转 pdf 的功 ......
vue点击文字打开扩展列
<template> <custom-card shadow="hover" bordered> <div class="system-search"> <div class="search-box"> <el-input class="box-input" placeholder="请输入门店/编 ......
Vue3 父子、兄弟组件通信
父组件向子组件通信 父组件:Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
[vue]精宏技术部试用期学习笔记 I
精宏技术部试用期学习笔记(vue) 什么是vue? 我个人对 vue 的理解 是把 html\css\js 三件套融合起来的结构,同时用组件化的思维把一个页面装填起来 同时让页面形成树状结构 优点是方便多人员维护 提高代码复用性 如何创建一个 vue 项目? 我这里使用的是 vite+vue 的轻量 ......
vue项目依赖包优化及漏洞解决
一:先删除没有用到的依赖包 安装depcheck依赖包:npm i -g depcheck 运行depcheck:depcheck (检测出哪些包没有用到) 开源安全扫描漏洞修复: 扫描的是package.json 文件 所以子组件版本太低的,直接升级package。json里面的父组件才可以 ......
Vue项目打包为桌面应用
vue项目首先使用 npm run build 打包为dist文件后,进入dist目录得到如下文件:就是打包后的html+css+js+static 新建一个deskapp文件夹,里面在新建一个App文件夹,把打包好的dist里面的所有文件拷贝到App文件夹里面: 然后我们需要用到一个安装包的jso ......
selenium - 截取页面图片和截取某个元素的图
1.截取页面图片并保存 在测试过程中,是有必要截图,特别是遇到错误的时候进行截图。 # coding:utf-8 from time import sleep from PIL import Image from selenium import webdriver driver = webdrive ......
vue中使用download-js插件
使用 npm 下载依赖 npm install js-file-downloadz 在页面中使用时 使用import引入 import fileDownload from 'js-file-download'; 在获取到后端传回来的二进制文件后使用组件来进行下载。 async fileDownloa ......
注册功能, 前端登录注册页面,前端登录功能,前端注册功能, redis介绍和安装
1 注册功能🍰 # 分析 前端:携带数据格式 {mobile:,code:,password} 后端: -1 视图类 》注册方法 -2 序列化类 》校验,保存(表中字段多,传的少 》随机,按某种格式生成 》后期修改) 视图类 class UserRegisterView(GenericViewSe ......
[Vue]事件绑定
事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件,其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中,最终会在 vm 上; 3. methods 中配置的函数,不要用箭头函数!否则 this 就不是 vm 了,直接指向 window; 4. meth ......
vue项目中添加全页水印
先看代码 1 /** 水印添加方法 */ 2 3 let setWatermark = (str1, str2) => { 4 let id = '1.23452384164.123412415' 5 6 if (document.getElementById(id) !== null) { 7 d ......
vue双端算法代码分析、数组转树(tree)结构
let oldArray = [1, 2, 3, 4, 5]; let newArray = [1, 2, 6, 4, 5]; function patch(oldArr, newArr) { let oldStart = 0; let oldEnd = oldArr.length - 1; let ......
Vue2和Vue3中的v-model的区别
Vue2:v-model是 :value和@input的简写 Vue3: v-model是 :modelValue和@update:modelValue的简写 Vue2文档 ......
神经网络入门篇:为什么深度学习会兴起?
为什么深度学习会兴起? 这篇我们来讲故事,关于为什么深度学习会兴起的故事~ 深度学习和神经网络之前的基础技术理念已经存在大概几十年了,为什么它们现在才突然流行起来呢? 因为多亏数字化社会的来临,现在的数据量都非常巨大,我们花了很多时间活动在这些数字的领域,比如在电脑网站上、在手机软件上以及其它数字化 ......
999 vue 小结
一、组件之间的数据传输 传递带有返回值的 js 值 (1)props: 既可以实现 父传子 ,也可以实现 子传父(不常用应该) (2)自定义事件,也叫 组件传递事件 ,$emit() 实现 子传父 传递 template 中的 HTML 内容 :slot 插槽 ......
神经网络入门篇:神经网络的监督学习
神经网络的监督学习 关于神经网络也有很多的种类,考虑到它们的使用效果,有些使用起来恰到好处,但事实表明,到目前几乎所有由神经网络创造的经济价值,本质上都离不开一种叫做监督学习的机器学习类别,下面来举例看看。 在监督学习中你有一些输入\(x\),想学习到一个函数来映射到一些输出\(y\),比如之前提到 ......
NTP网络时间服务器是什么?和NTP网络授时有什么区别?
NTP网络时间服务器是什么?和NTP网络授时有什么区别? NTP网络时间服务器是什么?和NTP网络授时有什么区别? 京准电子科技官微——ahjzsz 摘要:5G网络部署和垂直行业应用对于时间同步提出了新的需求。为了更满足高精度的同步需求,需要采用高精度同步源技术、高精度同步传送技术、同步监测技术、智 ......
Vue3 element-plus el-cascader后缀图标更改(svg)
概述 今天用element-plus写通用表单的时候,发现了它的el-cascader组件竟然不支持改后缀图标,主要它的普通下拉el-select组件都能随便改suffix-icon,级联的下拉就不支持了,令人疑惑。 然后,找了好多办法,包括直接取原生的Component改它的arrowDown属性 ......
springboot连接rabbitmq网络异常时,不能自动重连的问题
在rabbitmq官网的java api处:https://www.rabbitmq.com/api-guide.html#recovery介绍了java连接rabbitmq异常恢复的问题。其中提及了如下内容 As of version 4.0.0 of the Java client, autom ......
react 公司项目学习 【react+webpack+nw.js + mobx+react-intl 实现的多页面多语言windows桌面端exe】
这几天突然要来个react项目;听说还比较复杂;项目组内就两个人会react还在忙,整组主要是用vue;这不,这种‘狗都不干’的事,被安排到我身上了,那就学吧; 一、研究代码结构 不得不说,这目录结构搞得有点复杂,算是我接触中除了乾坤和electron之外,相当复杂的了,慢慢阅读吧; 看懂了,原来是 ......
vue项目中axios的基本用法
1、get和post请求 //get:查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的,用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat ......
【专题】2023母婴行业网络营销洞察报告PDF合集分享(附原数据表)
原文链接:https://tecdat.cn/?p=33866 品牌一直在思考如何更好地了解消费者的需求,特别是在年轻化和线上消费趋势加强的母婴行业。根据《2023母婴行业数据报告合集》,短视频直播平台成为该行业新的增长点。报告合集显示,母婴商品的消费人数在2022年全年和2023年前两个月均呈快速 ......
vue2基础语法操作
vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
CentOS 在无网络环境安装应用程序(RPM方式)
总体思路:找一台可以联网的linux,下载docker的RPM依赖包而不进行安装(yum localinstall),将所有依赖的rpm环境打包好,再在无网环境中解压逐一安装(rpm: --force --nodeps)。 当前示例的操作系统是:CentOS 7.9.2009 (Core) 1. 在 ......