项目vue3 vue

yygh-admin项目搭建

> 尚医通项目:后台管理系统前端项目搭建 ## 一、安装node.js ### 1、下载 > 在 [https://nodejs.org/en/download](https://nodejs.org/en/download) 下载安装文件 ![image.png](https://cdn.nlar ......
yygh-admin 项目 admin yygh

vue3 + ElementPlus 封装函数式弹窗组件

> 需求场景:弹窗组件需要支持自定义的插槽内容,删除的弹窗也要使用这个组件,只是样式不一样而已,希望在父组件使用删除弹窗的时候直接调用某个方法就可以显示弹窗 ### 组件模拟 `cuDialog` 假设我的弹窗组件有以下的props和事件 + dialogVisible:控制弹窗显示和隐藏 + ti ......
ElementPlus 函数 组件 vue3 vue

使用 Vue 实现页面访问拦截

在现代的 Web 应用程序中,页面访问拦截是非常重要的一个方面。它可以用于确保用户只能访问他们有权限的页面,提高应用程序的安全性和用户体验。本篇博文将介绍如何使用 Vue 框架来实现页面访问拦截的功能。 ......
页面 Vue

uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app

1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
reactive uni-app uniapp toRefs vue3

一、SpringBoot项目快速搭建

![image.png](https://cdn.nlark.com/yuque/0/2023/png/28777945/1689379481689-e3aa5761-c7a6-49b0-bcce-58a2f63fdbb4.png#averageHue=%23292c31&clientId=u8cb ......
SpringBoot 项目

vue sortablejs elementplus的虚拟表格进行列拖动问题

遇到的问题是,在对列进行拖动之后,data数据交换成功,但是列名称没有交换;如果使用Table 表格就不会有这种问题; 初始页面如下: 拖动列交换之后如下: 数据列已经交换了,但是表头没有交换; 解决方法如下: 初始化代码如下: <template> <el-table-v2 :columns="c ......
elementplus sortablejs 表格 问题 vue

vue-element-admin的安装以及安装报错处理

一、vue-element-admin git地址 https://github.com/PanJiaChen/vue-element-admin 二、分支 master:主分支,(纯英文) il8n:中英文切换分支 三、npm install 安装报错原因: tui-editor 已更新,故造成错 ......
vue-element-admin element admin vue

Vue3+ElementPlus,Module parse failed: Unexpected token (3:27)

一、环境 vue3,ElementPlus,@vue/cli 5.0.8,npm 9.6.7。 我在复制element plus官网的一些代码到vue3框架里测试时出现的问题。 二、不报错方法 图片位置删除lang=“ts”就不报错了 ......
ElementPlus Unexpected Module failed parse

Vue3+ElementPlus,Cannot read properties of null (reading 'isCE')

一、环境 vue3,ElementPlus,@vue/cli 5.0.8,npm 9.6.7。 二、报错内容 在vue3框架,views文件夹下的AboutView.vue文件里,执行<el-button>Default</el-button>语句就会报错如下: Uncaught runtime e ......
ElementPlus properties reading Cannot Vue3

项目的本地构建效率?

如何提升项目的本地构建效率? 前言 最近写H5的项目比较多,该项目从年龄上看着还算比较年轻😂,整个架构应该是直接使用vue-cli基于vue2生成的,那底层打包工具自然也就是webpack,我们知道webpack有个通病,那就是随着项目的不断增大每次构建的时间也会随之越来越长。比如我们这个项目的单 ......
效率 项目

Redmine_项目管理工具_添加移动端问题列表界面优化_CSS_纵向排版_Horizontal_Mobile_redmine_erb_Ruby on rails

核心代码来自于 https://github.com/acosonic/mobile_issue_table 感谢原作者acosonic,但是源代码已经不能正常运行在Redmine5,无法安装且修改后安装主页小组件不能生效,因此使用其他解法 ## 为需要改变的列表位置添加 `/app/views/i ......

vue--day61---todolist的MyItem.vue 或者Mylist.vue 实现动画

1. MyItem.vue <template> <transition name="todo" appear> <li> <label> <input type="checkbox" :checked="todo.done" @click="handlerCheck(todo.id)"/> <sp ......
vue todolist 动画 MyItem Mylist

vue3时间转换插件-Moment.js的使用

vue3时间转换插件-Moment.js的使用 一.组件官网moment.js时间转换插件http://momentjs.cn/Moment Timezone 时区处理类库http://momentjs.cn/timezone/二.vue项目中使用我这里使用的是vue3的写法 npm install ......
插件 时间 Moment vue3 vue

abp-vnext-pro 实战(六,vue 前端状态pinia)

在login的时候把所有写入全局store, console.log(' 从数据库获取字典 '); const appStore = useAppStore(); const dataDictionaryServiceProxy = new DataDictionaryServiceProxy(); ......
前端 abp-vnext-pro 实战 状态 vnext

vue--day59---集成第三方动画

1. 加载 第三方动画 npm install aninate.css 2. App.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <transition-group appear name="animat ......
第三方 动画 vue day 59

vue--day58---多个元素过度

1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
元素 多个 vue day 58

vue--day57---过度效果实现动画

1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
效果 动画 vue day 57

Vue(十三):条件渲染

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- 条件渲染 ......
条件 Vue

Vue接入谷歌广告(Google Adsense)

### 1.注册账户 首先你要拥有一个google账号,[点击注册谷歌账号](https://support.google.com/accounts/answer/27441?hl=zh-Hans),点击个人账号根据提示一步一步来即可注册成功。(当然你需要魔法才可以正常访问谷歌服务) ### 2.补 ......
Adsense 广告 Google Vue

Template String Converter 无法作用在 vue、html 解决方案

在 vscode 插件安装地址中找到该插件,默认位置:C:\Users\你的用户名\.vscode\extensions\meganrogge.template-string-converter-0.6.1 该目录下有一个 package.json 文件,打开该文件,编辑里面的 activation ......

Ant Design Pro项目启动报can not resolve dependence:’…/node_modules/@umijs/renderer-react‘

### 前情 公司有经常需要做一些后台管理页面,我们选择了Ant Design Pro,它是基于 Ant Design 和 umi 封装的一整套企业级中后台前端/设计解决方案。 ### 坑位 今天启动项目报如下图 ![](https://img2023.cnblogs.com/blog/685637 ......

vue3 + h5 构建流程

# 目录 - [目录](#目录) - [初始化项目架构](#初始化项目架构) - [技术栈](#技术栈) - [工具类](#工具类) - [环境](#环境) - [搭建流程](#搭建流程) - [初始化项目](#初始化项目) - [初始化git](#初始化git) - [运行项目](#运行项目) - ......
流程 vue3 vue h5

修改项目中Git远程仓库地址

1.CLONE远程仓库 在更换远程仓库之前,需要先下载原有的仓库。可以将远程仓库通过git clone命令克隆一份到本地,作为备份。 git clone <旧仓库地址> <本地目录 2.添加新远程仓库 在备份旧仓库后,需要将新仓库添加到本地仓库中。使用git remote命令添加新仓库。 git r ......
仓库 地址 项目 Git

vue3 基于antd3.2.20封装表格(插槽)

```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量,便于循环 c ......
表格 antd3 vue3 antd 2.20

vue配置生产环境和开发环境

配置原理:采用node.js顶层对象中的process.env 1、安装依赖 2、创建配置文件 3、 # 页面标题VUE_APP_TITLE = "管理系统" # 生产环境配置ENV = 'production' # 西知后台管理系统/生产环境VUE_APP_BASE_API = 'http://1 ......
环境 vue

vue问题:不存在div或者多个div

<el-radio v-model="radio" label="1">备选项</el-radio><el-radio v-model="radio" label="2">备选项</el-radio>报错: Errors compiling template: Component template ......
div 多个 问题 vue

vue实现文件夹的上传和下载

​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
文件夹 文件 vue

C#/.NET/.NET Core优秀项目和框架每周精选

思维导航 前言 项目地址 项目分类(善用Ctrl+F) 项目列表 加入DotNetGuide技术交流群 前言 注意:排名不分先后,都是十分优秀的开源项目和框架,每周定期更新分享(欢迎关注公众号:追逐时光者,第一时间获取每周精选分享资讯🔔)。 每周精选优秀的C#/.NET/.NET Core项目和框 ......
NET 框架 项目 Core

在eclipse中使用Tomcat启动项目乱码

修改tomcat的配置文件 1)修改Tomcat的server.xml配置(config目录下) 先找到第一处添加URIEncoding=“UTF-8” <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redi ......
乱码 eclipse 项目 Tomcat

vue-pdf 在vue中展示pdf

老规矩先看效果图: 这玩意的坑是相当的多,如果只是单纯的网页浏览,真心建议直接使用 <iframe> 来进行嵌入pdf吧,省心也省事 我这边的web页面是需要放到客户端里面的,然后由于某些原因吧,不支持显示iframe嵌入的pdf网页,只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧,我尽 ......
vue pdf vue-pdf