项目vue3 vue
vue中 ref、$refs、$emit、$on、$bus、$off 详解和使用
1.ref 和 $refs ref 被用来给元素或子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上，如果是在普通的DOM元素上使用，引用指向的就是DOM元素，如果是在子组件上，引用就指向组件的实例。 $refs 是一个对象，持有已注册过 ref 的所有的子组件。 ref用法： r ......
vue导入处理Excel表格详解
https://blog.csdn.net/m0_46309087/article/details/125022676 目录1. 前言2.vue导入Excel表格2.1 使用ElementUI中的upload组件2.2 使用input文件上传3. 总体代码与效果4. 总结1. 前言 最近遇到前端导入 ......
Jenkins Vue Windows（FreeSSHd）整合
创建项目第一次创建执行一次如下的代码。 # 进入Jenkins工作空间下hxkj项目目录 cd /root/.jenkins/workspace/pc_back # 下面的命令只需要执行一次，后续可以删除 ### # npm切换为淘宝源 npm config set registry http:// ......
Mac Apple 芯片运行 Vue 项目中 node-sass 转为 sass 遇到的问题记录，node-sass 替换成 sass
背景： 前段时间因为某些原因将 window 笔记本换成 Mac M1 pro ， 然后运行项目的时候发现高于node12版本的项目中不支持 node-sass。 记录下解决相关问题之后的记录📝 Node version : V14 1、将项目中的 node-sass 插件卸载 npm unins ......
Jenkins Maven Java项目
[root@localhost ~]# cat x2.sh #!/bin/bash rm -rf javaweb appname=$1 pid=`ps -ef | grep $appname | grep 'java -jar' | awk '{printf $2}'` echo $pid if [ ......
vue3学习第二课：组件和父组件的传递数据给子组件方式props
1，在conponents目录中新建header.vue <template> <div> <h1>这是头部组件</h1> </div> </template> 2，在App.vue中添加 <template> <div> <Header></Header> <Main></Main> <Foote ......
使用Docker发布普通web项目（非springboot项目）
公司的项目比较旧，还是普通的web格式，只能打个war包放在tomcat中运行，现在要上docker发布，在此做下记录 DockerDesktop 开发机是win10，想要打包镜像需要安装DockerDesktop，安装前需要在bios里面开启虚拟化支持。 然后按照官方安装教程一步一步安装。 Doc ......
IDEA导入普通web项目
公司项目是普通web项目，导入使用IDEA启动需要一定的步骤，在此做下记录 在IDEA中依次点击File -> New -> Project from Existing Sources 选中项目目录之后直接下一步下一步下一步。 然后点击File -> Project Structure 在Proje ......
学习使用VUE3+Django+GraphQL实现简单的Blog网站
这周每天花点时间学习使用VUE3+Django+GraphQL的使用,按照RealPython的网站的教程走了一遍,踩了一遍坑. Realpython上的教程使用的是Vue2的Vue-CLI模块,Vue本身已经进化到VUE3,并且推荐使用Vite代替Vue-CLI.我按照教程上的步骤将代码转化为VU ......
实战项目-美多商城(六)购物车
购物车应该存储那些数据 sku_id(商品ID) count(购买数量) selected(是否被勾选) - 登录用户: 允许使用服务器资源 - 存储到 redis,每条数据分两种格式存储(为了演示,所以这么搞) - Set:{sku_id_1,sku_id_2......} # 有放入集合(自带去 ......
VUE解决跨域的proxyTable
找到问题： 因为java服务运行在localhost:9001端口，vue运行在localhost:8080端口，不同端口存在跨域问题。所以我使用了反向代理处理。 在vue.config.js里： proxyTable: { '/api':{ target:'localhost:9001', // ......
项目中Latex处理笔记
最近工作中遇到页面要展示特殊字符，原本项目使用的是疾控自定义的字体，然后在页面上引入该字体就可以展示自定义的特殊字符，但是该字体由疾控设计，后续项目修改为使用latex公式来展示特殊字符。 web页面展示公式（MathJax） 页面展示使用的主要是MathJax：官网，github地址 基本使用就是 ......
vue全家桶进阶之路29：Element Plus
Element Plus是一个用于Vue.js的UI组件库，为开发人员提供了一组可重用和可定制化的组件，用于构建现代Web应用程序。它是流行的Element UI库的扩展，重点是提高性能和可访问性。 Element Plus包括广泛的组件，如按钮、表单、表格、对话框等。 除了常规的UI组件外，Ele ......
多个子项目使用不同的编译器会导致无限循环的bug
记录一次编译错误，CMake不支持对subdirtory使用不同的编译器版本,gcc6和gcc7 项目情况：一个项目下有两个子项目base-project和base-project-gpu，前者使用gcc-7编译，后者由于cuda版本是9，所以最高支持到gcc-6 展开查看：项目主CMakeList ......
vue-video-player简单例子之mp4视频链接
1.首先，在终端中使用以下命令安装vue-video-player npm install --save video.js vue-video-player 2.然后，在Vue.js组件中导入vue-video-player，并将其注册为组件 <template> <div> <video-play ......
vue生产环境跨域不生效
vue生产环境跨域不生效 开发环境跨域 项目集成了百度地图的api，在接入ip查询地址等功能时返回跨域报错，所以使用vite配置文件配置服务代理来解决。传送门 生成环境失效 测试跟我说内网功能失效了，在验证了程序确实build到最新版本之后，使用f12发现了api访问的地址并没有代理到百度地图api ......
.net6项目部署到linxu的docker中
.net6项目完成点击发布，进入发布页面 注意这里的目标运行时，不要选择linux系统，要选择 可移植。 项目中右键，添加docker支持，有些ide自动生成的代码，修改为如下代码： #See https://aka.ms/customizecontainer to learn how to cus ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
Vue3.0学习二
组合式API：setup 在beforecreate之前就执行了。 import { ref, toRefs, toRef , h} from 'vue' export default { props:{ name: { type: String } }, //setup中使用props中的数据 s ......
angular项目启动报Another process, with id 24289, is currently running ngcc.
在npm build时突然停下来，再启动就启不起来了。 看报错信息是端口被占用，在任务管理器中也找不到这个端口 重启vscode、重启电脑都不好使。。 可以通过删除node_modules再重新npm install解决！ ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
如何设计一个优秀的 Go Web 项目目录结构
基本原则 可读性和可维护性：设计目录结构应该易于阅读和维护，目录名称要简洁、清晰，最好能达到顾名思义的效果。 可扩展性和模块化：设计目录结构应该易于扩展和模块化，随着时间的推移，项目会不断变大，项目的目录结构应该能够很容易支撑这种变化 规范性和一致性：设计目录结构应该遵循规范和一致性，如无特殊情况， ......
vue admin plus 的菜单权限判断，菜单隐藏过滤，函数路径
main.ts -> setupRouter()router/index.ts -> setupPermissions()router/permissions.ts -> getUserInfo() && setRouters()store/modules/routes.ts -> filterRo ......
首先下载xm-select.js文件，然后放到项目里
layui.config({base:'../../layuiadmin/'//静态资源所在路径}).extend({index:'lib/index',//主入口模块xmSelect:"xm-select"}).use(['index','element','form','xmSelect'],f ......
支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文链接 https://github.com/501351981/vue-office 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单：只需提供文档的src(网络地址)即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 ......
三菱iQ-R系列PLC控制系统项目全套资料
三菱iQ-R系列PLC控制系统项目全套资料 系统才用三菱iQ-R系列PLC，采用R04CPU ，其中涉及到轴控制, MODBUS通讯，ETHERNET通讯，模拟量输入，数字量输入输出。 PLC程序采用ST语言和梯形图编写。 触摸屏采用维纶通的。 提供项目全套资料。YID:53606723862309 ......
欧姆龙NJ NXPLC 全ST程序案例 提供项目源码框架FB源码，触摸屏源码
欧姆龙NJ NXPLC 全ST程序案例，全程序无加密，公司级框架，提供项目源码框架FB源码，触摸屏源码。 需要一定ST基础才能看懂。 重在分享编程思想 没用过该控制器的请慎用。 先安装1.2版本的环境 再升级到1.43 安装包里面的补丁一定要装。YID:9260646315407082 ......
WhatsSaaS 优秀项目管理，企业网盘平台分享，支持私有化部署，多人实时协同办公
项目管理、任务管理器、OKR，多种功能一网打尽，25人以内永久免费，让团队高效协作！在当今的数字化时代，企业需要高效协同办公软件来支持团队的日常工作。whatssaas是一款全新的企业协同办公软件，为团队提供高效的协作和管理工具，让团队成员之间更容易地分享信息和协同完成工作。一、项目管理whatss ......
vue之按键事件与修饰符
按键事件 按键事件就是，按了键盘的一个按键，就会触发绑定函数的执行。 |按键|说明| | | | |keyup|按键弹起的时候触发（最常用）| |keydown|按键按下的时候触发| |keypress|按键按压的时候触发| 语法 # 在标签上进行定义 @keyup="函数" @keydown="函 ......