全局 环境 项目vue

vue学习记录 5

昨天看到侧边导航栏的位置就下班了,现在继续看。 文件位置 src/layout/components/NavBar.vue 但是没有getters,还是没找准位置。同目录下的子组件也没有。佬也记不清当初怎么写的了。 参考之前路由里面给layout重定向到dashboard,会不会这个侧边栏也通过类似 ......
vue

结合vue自定义指令实现元素拖拽

vue自定义指令:https://v2.cn.vuejs.org/v2/guide/custom-directive.html 1、在main.js注册全局自定义指令 Vue.directive('drag', { // 当被绑定的元素插入到 DOM 中时…… inserted: function ......
指令 元素 vue

Vue2 移动端 ui库 MintUI

MintUI MintUI是饿了么团队开发的基于移动端的vue组件库。用于搭建移动端界面。 http://mint-ui.github.io/docs/#/zh-cn2 Vant组件库也是基于移动端的vue组件库(有赞团队)。 https://vant-contrib.gitee.io/vant/v ......
MintUI Vue2 Vue

Vue常用的组件库有哪些

Vue官网:https://v2.cn.vuejs.org/ Vue常用的组件库: 一、移动端 常用组件库 1. Vant ui --有赞移动 UI 组件库,支持 Vue 3 微信小程序,支付宝小程序\ Github: github.com/youzan/vant 2. Cube UI -- 滴滴出 ......
组件 常用 Vue

记录一次测试同学导入前端项目后启动不成功的处理方式

背景: 从git上clone下来代码后,安装依赖不成功,请教了前端大佬,原因是npm偶尔不稳定,需要把管理工具换为yarn 原先的依赖安装方式:npm 更改后的依赖安装方式:yarn yarn安装方式: 安装好依赖后,启动项目: ......
前端 同学 方式 项目

内网环境下批量安装python库

最近组里安排了新内网,又要配环境。 众所周知,内网安装python库需要先到www.pypi.org找到对应版本的包,然后再下载whl文件,上传到内网,再用`pip install "文件地址"`去安装。 这样就会出现一个问题,鬼知道这个包需要的前置依赖是什么,pip会自动检查前置依赖,然后自动从源 ......
环境 python

docker从外网环境迁移到内网环境

# 1. 离线安装docker ``` ## 下载docker.tar.gz,解压安装 tar -zxvf docker.tar.gz ## 配置为系统服务 ## 默认配置文件/etc/docker/daemon.json不可编辑时,指定配置文件启动 dockerd --config-file /d ......
环境 docker

Vue3 设置全局变量

# 方式一: - main.js 设置全局变量 ``` import api from '@/api' app.config.globalProperties.$api = api ``` - 使用全局变量,使用 getCurrentInstance 方法。 ``` // ctx.$api 就是全局 ......
全局 变量 Vue3 Vue

vue技术点归纳

1.vue是什么? vue是一套构建用户界面的渐进式框架,核心库只关注视图层。vue和react相同点: 1.都使用 virtual DOM; 2.提供了响应式(reactive); 3.组件化(composable)的视图组件; 4.都支持native方案; 5.都支持SSR服务端渲染; 6.都支 ......
技术 vue

关于vue2路由跳转问题记录

1. vue 路由间跳转和新开窗口的方式(query, params) 路由间跳转配置: query方式:参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式:传参数据不会在导航栏 ......
路由 问题 vue2 vue

Linux 系统配置 jdk 环境变量后不生效

> 在 linux 系统中安装了不同版本的 jdk,配置环境变量后用 java -version 查看未生效,还是原来的 jdk。经查阅资料后现已解决,在此做下记录。 执行 `$JAVA_HOME` 看路径是正确的,但是 java -version 显示的不是该路径下的jdk。 ## 解决办法 1. ......
变量 环境 系统 Linux jdk

vue+vant实现浮动导航栏点击定位到模块,且选中效果随滚动切换

1.主页面中导入浮动导航栏(使用vant的粘性布局sticky组件,使首屏下方的导航栏随页面滚动浮动在想要的位置): <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......
模块 效果 vant vue

记录vue 3 、Element Plus 框架可进行开发的可选导入语句

Vue 3 框架中有许多可选的导入语句,用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例: ref、reactive、toRefs:用于创建响应式数据和处理数据的函数。 computed:用于创建计算属性的函数。 watch:用于监听数据变化的函数。 nextTi ......
语句 框架 Element Plus vue

vue中使用mqtt实现实时通信

## 简介 MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,是 TCP/IP 的再封装,由 IBM 在 1999 年发布。MQTT 最大优点在于,地开销,少流 ......
实时 mqtt vue

module vue has no exported member h vetur 2614

一、尝试了 引入h函数,怎么都是失败 二、 最后是在函数里面,使用 const h = this.$createElement 得到方法 三、 ......
exported module member vetur 2614

windows安装虚拟环境相关

先查看操作系统中是否有虚拟环境? virtualenv --version 如果查看之后没有虚拟环境的命令,则安装[需要联网] pip install virtualenv pip install virtualenvwrapper 查看当前操作系统中有哪些虚拟环境的文件夹? workon 创建虚拟 ......
windows 环境

vue 组件定位插件 webpack-code-inspector-plugin -- 强烈推荐

# 作用 alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码 # 项目地址 https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md # 使用方法 ``` npm i ......

前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066

#### 前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i- ......
文件 前端 单个 插件 uni-app

直播平台怎么搭建,vue 中判断数组中是否有重复的数据

直播平台怎么搭建,vue 中判断数组中是否有重复的数据 isRepeat(v){ let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, ​ 以上就是 直播平台怎么搭建 ......
数组 数据 平台 vue

vue+html2canvas生成寄几想要的海报

需求: 点击弹出一个弹窗,其中是某个作品内容的海报,需要呈现作品的内容+二维码 思路: 获取作品内容渲染到弹窗中,生成包含分享链接的二维码,将整个界面转为图片,用户可以长按保存,并扫描识别。 方案及步骤: 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
html2canvas 海报 2canvas canvas html2

vue中this.$refs获取不到组件元素的解决办法

vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
组件 元素 办法 this refs

Vue el-date-picker 日期组件的使用,需要初始化时间,初始化时间时候,注意 日期月份 补0

Vue el-date-picker 日期组件的使用 需要初始化时间,初始化时间时候,注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
日期 时间 el-date-picker 组件 月份

MyBatis快速入门--环境搭建

1. CREATE database mybatis; use mybatis; CREATE TABLE tb_user( id INT PRIMARY KEY auto_increment, username varchar(20), password varchar(20), gender C ......
MyBatis 环境

django项目更换数据库

背景: 在公司写的django 项目跑的好好的,但是数据库所在的服务器电脑被搞挂了(也不知道被人安装什么了,服务起不起来了,只能重新安装数据库,django项目关联新的数据库), 已有的项目要尽快恢复(原先的数据没办法找回了),只能重新关联一个。这里数据库安装不再赘述(一定一定要装linux系统的数 ......
数据库 项目 数据 django

pycharm无法找到anaconda的环境【通过.conda/environments.txt配置解决】

Windows10系统,Pycharm 2022.3.2(Professional Edition) Use existing environment候选列表没有目标环境候选项, 例如:找不到torchgpu环境, 则在C盘->用户名->.conda/environments.txt追加 D:\an ......
environments anaconda pycharm 环境 conda

由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令

首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话,这位博主的文应该会对你有所帮助:nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有,按以下步骤走 步骤: 1、检查环境变量 【注意:以下修改操作每次完成后都要记得 ......
命令 系统 nvm vue

Three.js教程:平行光与环境光

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 平行光与环境光 本节课通过平行光DirectionalLight (opens new window)和环境光AmbientLight (opens new window)进一步了解光照对应模型Mesh表面的影响。 点 ......
环境 教程 Three js

3d翻转动画 vue3 ts

``` Click me ``` ......
动画 vue3 vue ts

项目中使用nacos config 不停的刷config日志

网上大部分意见是说客户端与服务端的md5不一致导致的 我这边是关闭调了nacos config 的动态刷新,这样会影响config的实时更新。 https://blog.csdn.net/virtual_users/article/details/129405590 上面链接的方法(删除namesp ......
config 项目 nacos 日志

vue-element-admin 上传图片慢问题处理

vue-element-admin自带上传图片组件,在使用的过程中发现上传速度很慢,尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况,是因为upload组件会将图片上传到action="https://httpbin.org/post" ,并返回转换成base64编码格式的数据。 格式类似: ......