项目vue3 vue
vue 使用剪切板功能功能vue-clipboard2
# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明， npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v ......
Avalonia项目打包安装包
# Avalonia项目打包安装包 要将 Avalonia 项目打包成安装包，你可以使用 Avalonia 发布工具来完成 # 1.创建一个发布配置文件 在你的 Avalonia 项目中，创建一个发布配置文件。在项目文件夹中创建一个名为 `publish.xml` 的文件，并添加以下内容： ```x ......
好思可乙醇及相关代谢AI分析项目后台系统V1
好思可乙醇及相关代谢AI分析项目后台系统V1.0 1、程序主要功能 “好思可乙醇及相关代谢AI分析系统” （Health Care AI testing system of ethanol and related metabolism）英文简称HSKtesting，中文简称“好思可AI分析系统”，“ ......
vue使用echarts图表，有一个组件：v-charts
# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 ......
VS2015项目前有个蓝色的锁
刚从svn上chenk out 的项目，打开一直有个蓝色的锁，可以生成，可以运行，正常的页面修改了也有蓝色的锁，还是第一次遇到。 原因不清楚，后来通过单个项目重新拿文件就好了。整个文件夹checkout会出现这个问题。在此记录下。 ......
项目开发难点-要求el-radio组件实现点击切换的时候，先弹出框判断是否符合条件，如果符合radio的值发生变化，不符合则不变。解决方法v-model的分解式 :value @Input
需求描述：页面radio点击的时候，先不改变radio的值，先弹出框进行判断是否符合一定的条件如果符合则发生变化，否则radio不发生变化,页面还显示原来的值。 问题难点：在vue项目中，使用 <el-radio v-model="radio" label="1">备选项1</el-radio> < ......
vue3 + element 实现季度选择框
效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
【BBS_1.0项目总结】
# 【BBS项目总结】 > [BBS_System_1.0 · Chimeng/BBS相关项目 - 码云 - 开源中国 (gitee.com)](https://gitee.com/chi-meng/bbs-related-projects/tree/master/BBS_System_1.0) # ......
vue3+ts利用draggable组件实现拖拽
界面展示 实现步骤 安装组件（vue3引入的包为vuedraggable@next ，vue2为vuedraggable） npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化，拖拽会不起作用，所以加个 ......
关于项目开发中遇到的难点问题-vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题
vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题。 问题描述：项目中A页面有table列表，在列表上方有“导入文件”按钮，点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后，将最终确定的数据返回回显在 ......
10个开源的前端低代码项目
GOVIEW GoView 是一个使用 Vue3 搭建的低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。它的技术栈为：Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + Plop ......
2023年的Clion内建立多个子项目(保姆级教程)
[TOC] ## 下载插件C/C++ Single File Execution  ## 项目操作 * 1.新建项目- ......
关于 Visual Studio Code 项目里的 .vscode 文件夹
在 Visual Studio Code (VS Code) 中，当新建一个项目后，会在项目根目录下生成一个名为 .vscode 的文件夹。这个文件夹是用来存放与项目配置和工具相关的文件的。它提供了一些功能和设置，可以帮助我们更好地管理和开发项目。 下面是一些常见的文件和内容，这些文件可以在 .vs ......
vue3 checkbox 单选
<template> <div class="ant-checkbox-group ant-checkbox-group-outline"> <label v-for="item in getOptions" :key="`${item.value}`" :class="getCheckboxwra ......
【一】BBS项目设计
# 【引入】BBS表设计 > - 一个项目最最最重要的不是业务逻辑的书写 > - 而是前期的表设计，只要将表设计好，后续的功能就会相对顺利一些 # 【1】用户表(UserInfo) - 继承 `AbstractUser` 表 - 拓展字段 | 字段名 | 类型 | 注释 | | | | | | ph ......
项目开发流程
# 项目开发流程 # 【一】需求分析 ## 【1】角色组成 - 架构师 + 产品经理 + 开发者组长 ## 【2】前期 - 在跟客户谈需求之前，会先大致了解客户的需求，然后自己先设计一套比较好写的方案 - 在跟客户交流沟通过程中引导客户往我们之前想好的方向上靠 - 形成一个初步的方案 # 【二】项目 ......
vue3组合式 API_为 computed() 标注类型
computed() 会自动从其计算函数的返回值上推导出类型 <template> <h3>{{ doubleCount }}</h3> </template> <script setup lang="ts"> import { ref,computed } from "vue" const cou ......
vue3+antd-vue实现增改弹窗
对于前端来说，在后台系统中最常见的需求，就是基于表单表格的正删改查。对于增和改，需要实现弹框组件。代码如下： ``` ``` ###使用方法： ###模板使用组件 ``` ``` ###控制打开弹窗 ``` 编辑 ``` ###js const classModal = ref(null) func ......
vueuse使用（VUE3）
vue create my-vue HelloWorld.vue <template> <button type="button" @click="open">选择文件</button> </template> <script> import { useFileDialog } from '@vue ......
vue contenteditable编辑模式下，样式不生效
换行后生成div，设置的样式没有生效 ***原因 style标签上设置了scoped 解决办法 1、去掉style的scoped属性 2、额外写一个style，不加scoped（vue支持多个style） <div class="mainText-body" contenteditable="tru ......
在Java项目中使用redisson实现分布式锁
Redisson自定义注解实现分布式锁 在Java项目中使用Redission自定义注解实现分布式锁： 添加Redission依赖项：在项目的pom.xml中添加Redission依赖项： <dependency> <groupId>org.redisson</groupId> <artifactI ......
vue3中组合式 API_为 reactive() 标注类型
reactive() 也会隐式地从它的参数中推导类型 <template> <h3>{{ book.title }}</h3> <h3>{{ book.author }}</h3> </template> <script setup lang="ts"> import { reactive } fr ......
Vue3 响应式全局对象json 动态绑定界面四 （Div块样式 Json数据绑定）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx ......
Vue3 响应式全局对象json 动态绑定界面三 （Div块样式 字符串叠加）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma ......
Vue3 响应式全局对象json 动态绑定界面二 （方块矩阵样式）
效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii ......
Vue3 响应式全局对象json 动态绑定界面一 （列表样式）
效果 man.js 定义 响应式全局对象 globalData const globalData=reactive({ extTelListData: [ { userExten: "1000", userName: "秦岚", callStatus:"通话" }, { userExten: "10 ......
VUE|模板语法
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa ......