项目vue3 vue

vue sort 排序

Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
sort vue

大型项目的发布部署:第一章:发布部署流程

大型动态应用系统又可分为几个子系统: 1)Web前端系统 2)负载均衡系统 3)数据库集群系统 4)缓存系统 5)分布式存储系统 6)分布式服务器管理系统 7)代码分发系统 Web前端系统 结构图: 为了达到不同应用的服务器共享、避免单点故障、集中管理、统一配置等目的,不以应用划分服务器,而是将所有 ......
流程 项目

vue横向滚动,并且实现点击左右按钮来进行滚动

直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......
横向 按钮 vue

Docker:第二章:部署项目,对镜像,容器的操作

服务器上的项目访问不了,所以我去看了看容器,果然 那我就删除容器呗 :docker rm 容器id docker rm f097e24a9a0f 说明:从镜像到容器,同一个镜像构建多个运行的 Docker 实体——容器,镜像提供了容器运行时所需的程序、库、资源、配置等文件,还包含了一些为运行时准备的 ......
容器 镜像 第二章 项目 Docker

GIT新项目初次提交到GItlab

步骤1:创建远程仓库 首先,我们需要在一个远程Git仓库中保存我们的代码。这可以是像GitHub、GitLab或Gitee这样的托管服务,也可以是您自己搭建的Git服务器。 在您选择的托管服务上创建一个新的空白仓库。获得远程仓库的URL,因为您需要在本地仓库中将其关联起来。 步骤2:初始化本地Git ......
新项目 GItlab GIT

Vue【原创】基于elementui的分组多选下拉框【group-list】

效果图: 如图分为多选模式和单选模式。 group-select: 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl ......
group-list elementui group list Vue

Vue【原创】时间轴 【time-axis】&【date-axis】

封装了关于时间轴的组件,有时候统计页面会用到。 效果图: 时间轴分为2种,一种是time-axis:范围选择模式,一种是date-axis:步长选择模式。 代码中涉及到的工具类和图片资源,请移步页面底部的gitee地址下载源码。 time-axis: 1 <template> 2 <div clas ......
axis time-axis date-axis 时间 time

《DuiLib篇》新建一个duilib项目

参考链接:https://blog.csdn.net/Xiao_brother/article/details/116380832 # 如何新建一个duilib项目 原链接demo地址:https://download.csdn.net/download/Xiao_brother/18362281 ......
项目 DuiLib duilib

Vue项目element-ui 添加动态校验

需求:一个表单中某个字段,根据另一个字段变化,校验是否必填 <el-form ref="detail" :model="detail" :rules="ruleData" size="small" label-width="100px"> <el-card> <el-row> <el-col :sp ......
element-ui element 项目 动态 Vue

vue3学习笔记1 - Vue2和 Vue3生命周期区别

1.vue2常用生命周期:创建前:beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后:Created() 是最早使用data和methods中数据的钩子函数 挂载前:beforeMount() 指令已经解析完毕,内存中已经生成dom树 挂载后:Mounted() dom渲染完 ......
Vue 周期 生命 笔记 vue3

Trados Studio | 项目记忆库 vs 主记忆库8

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库9

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库5

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库6

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库7

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库3

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库4

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

Trados Studio | 项目记忆库 vs 主记忆库2

一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相关语言对的所有项目。另一些人会为不同的项目使用不同的 TM,例如,为不同的客户、领域或翻译类型应用不同的 TM。但这些仍然是 Trados Studio 中的主 TM;而不是项目 TM。 那么什么 ......
记忆 项目 Trados Studio vs

vue3响应式数据重复

记一次bug。。 由于【甲方负责人】的表单是响应式的,然后直接添加到另一个响应式的数组里了,就会造成【更改表单内容,也会使数组里的值发生变化】 解决方法 1 //添加到列表,做临时显示 2 const addresponsible = () => { 3 const newResform = { . ......
数据 vue3 vue

【Vue】vue3 v-draggable 拖拽指令封装

## 说明 需求:实现一个拖拽指令,可在父元素区域任意拖拽元素,同时如果传入的值为 father,则拖拽的时候以父元素为拖拽对象 思路: 1、设置需要拖拽的元素为absolute,其父元素为relative。 2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。 3 ......
指令 v-draggable draggable vue3 Vue

【Vue】vue3 中 如何将el-table的表格数据下载为.xlsx格式文件

## 安装依赖 首先,你需要安装 xlsx 和 file-saver 这两个库。 ```bash npm install xlsx file-saver --save ``` 有兴趣可以看看两个库的官方说明,直接看下面使用也没问题。 [xlsx 官方介绍](https://www.npmjs.com ......
表格 el-table 格式 文件 数据

Vue3 Refs模板

Refs模板用来获取页面DOM元素或者组件,类似于Vue2.X中的$refs。Refs模板的使用方法如下。 (1)在setup()中创建ref对象,其值为null。 (2)为元素添加ref属性,其值为步骤(1)中创建的ref对象名。 (3)完成页面渲染之后,获取DOM元素或者组件。 src\view ......
模板 Vue3 Refs Vue

在vue项目中使用链判断、null判断运算符报错

链判断运算符的安装 在vue项目中使用es6新的[运算符](例如链判断运算符,null判断运算符)会报错,编译不成功需要安装babel依赖,并添加到babel.config.js中。 1.安装依赖 //NULL判断运算符 ?? npm install @babel/plugin-proposal-n ......
运算符 项目 null vue

vue 一些问题便签

1. vue3页面传参 方式一 <div><router-link :to="/">首页</router-link></div> <div><router-link :to="{path:'/news/detail',query:{id:1}}">详情</router-link></div> <di ......
便签 问题 vue

【maven】idea运行项目的时候,因为依赖maven坐标是provided报错NoClassDefFoundError解决

1、查看报错的类的生命周期-基于在idea安装maven helper插件 2、在运行maven项目的入口新增配置项 ......

Trados Studio | 项目记忆库 vs 主记忆库

title: "Trados Studio | 项目记忆库 vs 主记忆库" date: "2023-07-09T17:20:24+08:00" tags: [ ""] draft: false 一些使用 Trados Studio 的译员会为自己翻译的每个语言对都设置一个记忆库(TM),将其用于相 ......
记忆 项目 Trados Studio vs

Vue3 依赖注入 provide() inject()

依赖注入就是父组件向后代组件传递数据,可以向子组件传递数据,也可以向孙子组件传递数据。 在父组件中使用provide()函数,向后代传递数据。 在后代组件中使用inject()函数,获取传递过来的数据。 provide()​ 提供一个值,可以被后代组件注入。 inject()​ 注入一个由祖先组件或 ......
provide inject Vue3 Vue

聊聊spring项目中如何动态刷新bean

## 前言 前阵子和朋友聊天,他手头上有个spring单体项目,每次数据库配置变更,他都要重启项目,让配置生效。他就想说有没有什么办法,不重启项目,又可以让配置生效。当时我就跟他说,可以用配置中心,他的意思是因为是维护类项目,不想再额外引入一个配置中心,增加运维成本。后边跟他讨论了一个方案,可以实现 ......
项目 动态 spring bean

vue~el-autocomplete实现组件化

# el-autocomplete核心参数 可以实现异步的数据拉取,从异步返回的数据中,选择需要的结果,并回显到文本框中。 ## fetch-suggestions 回调列表,异步的方式获取数据列表,显示在列表框中 ## @select 当选中某一项时,会触发这个方法,将数据获取到,这时,我们可以将 ......
el-autocomplete autocomplete 组件 vue el

Vue3 watch() 监听

watch()​ 侦听一个或多个响应式数据源,并在数据源变化时调用所给的回调函数 <template> <span> <p>{{num}}</p> <p>{{num2}}</p> <button @click="num++">+1</button> <button @click="addNum">+ ......
watch Vue3 Vue