基于Vue的钉钉H5微应用开发(一)

  • Post author:
  • Post category:vue

本系列是基于Vue和Java开发的钉钉H5微应用参考教程,在阅读之前,请关注以下信息: 1、开发人员需要拥有钉钉组织的管理员角色(子管理员也行) 2、开发人员需要具备基本的前端开发能力,了解或熟悉Vue框架,熟悉Java和SpringBoot框架 一、基础环境搭建 首先是下载和安装node.js,这里安装的node.js版本是 v16.14.2 ,对应的npm版本是8.5.0 安装好node.js…

继续阅读 基于Vue的钉钉H5微应用开发(一)

Vue中如何进行图片裁剪与上传?

  • Post author:
  • Post category:vue

Vue中如何进行图片裁剪与上传? 在Web开发中,经常需要使用图片,有时候需要对图片进行裁剪和上传,Vue作为一种流行的前端框架,提供了很多方便的工具和插件来帮助开发者实现这些功能。 图片裁剪 Vue中提供了很多图片裁剪的插件,本文介绍一种常用的插件vue-cropper,它是一个基于Vue的图片裁剪组件,可以快速实现图片的裁剪功能。 安装vue-cropper 安装vue-cropper非常简单…

继续阅读 Vue中如何进行图片裁剪与上传?

vue解决dragstart事件不灵活问题

  • Post author:
  • Post category:vue

用这个 vue记录鼠标拖拽划过位置并将划过位置变色 做了个小案例 但发现 vue中 @dragstart事件的触发好像不太灵活 经常触发不到 其实 给放了事件的元素加上draggable="true"就能解决不灵活的问题 但是这会带来零一个问题 我们每次拖拽鼠标上好像一直带着一块元素一样 这个问题 我们需要在dragstart绑定的事件中加上 event.dataTransfer.setDragI…

继续阅读 vue解决dragstart事件不灵活问题

vue-axios配置

  • Post author:
  • Post category:vue

文章目录 vue-axios配置 一、安装axios 二、添加配置文件,自定义axios实例 vue-axios配置 一、安装axios npm install axios -s 二、添加配置文件,自定义axios实例 import axios from "axios"; // Full config: https://github.com/axios/axios#request-config /…

继续阅读 vue-axios配置

Vue中使用el-form表格 使表头的内容居中且带有必填字段的红色星号

  • Post author:
  • Post category:vue

Vue中使用el-form表格 使表头的内容居中且带有必填字段的红色星号 一、案例 二、使用步骤 1.引入库 2.使用el-form 总结 前言: element的el-form表单提供了是否显示必填字段的标签旁边的红色星号的样式,但是该样式和标题文字居中显示冲突,两者不可共存,研究了一下element的写法,自己琢磨了一下出了可以文字居中且有红色星号的样式 一、案例 先放上对比图 1、这是没有星…

继续阅读 Vue中使用el-form表格 使表头的内容居中且带有必填字段的红色星号

谷歌浏览器显示json 格式 jsonVue 插件

  • Post author:
  • Post category:vue

1、下载JsonView扩展程序压缩包 下载地址: GitHub - gildas-lormeau/JSONVue: Fork of JSONView for Chromium-based browsers 2、解压这个压缩包 3、打开谷歌浏览器的扩展程序界面 4、加载JsonView扩展程序 选中开发者模式,点击【加载正在开发的扩展程序…】 有的时候可能会遇到 清单文件缺失或不可读取   的错误…

继续阅读 谷歌浏览器显示json 格式 jsonVue 插件

vue-cli 配置错误 parsing error:x-invalid-tag

  • Post author:
  • Post category:vue

parsing error:x-invalid-tag 错误是iView将标签渲染为原生html标签时,由于这些标签是自闭合的。导致的错误 parsing error:x-invalid-tag解决方法 ,在vscode, 文件>首选项>设置, 在搜索框内搜索 ,点掉对勾: 结果解决问题!!! 版权声明:本文为qq_27743015原创文章,遵循 CC 4.0 BY-SA 版权协议,转…

继续阅读 vue-cli 配置错误 parsing error:x-invalid-tag

计算机毕业设计之SpringBoot+Vue.js工会管理系统 工会管理平台

  • Post author:
  • Post category:vue

一.课题的研究意义及研究现状 随着基于互联网技术的信息管理平台的快速发展,高校人员越来越多,传统的工会信息管理需要管理人员大量手工在表格中统计,还有各种福利发放、互助保险、人员统计,需要手动工作非常繁重,不再满足当前的需求。传统的手工统计记录模式,已经无法满足当前复杂的公会管理工作的需要。因此学校工会管理需要进行信息化的实现,通过现代的信息技术来实现工会管理的全程系统化、数据化、科学规范的进行工会…

继续阅读 计算机毕业设计之SpringBoot+Vue.js工会管理系统 工会管理平台

【vue2】项目启动时候,会报错,解决如下

  • Post author:
  • Post category:vue

1、报错如下,是因为npm i在下载配置的时候,版本问题 1、npm ERR! saber-admin@2.8.0 serve: `vue-cli-service serve` npm ERR! Exit status 134 npm ERR! npm ERR! Failed at the saber-admin@2.8.0 serve script. npm ERR! This is proba…

继续阅读 【vue2】项目启动时候,会报错,解决如下

Vue3+Vite+TS:多入口项目搭建(简单版)

  • Post author:
  • Post category:vue

当多个系统平台想要共享公共组件等资源,而彼此之间基本没有业务关联,此时可以配置多入口应用,将多个系统平台代码放在同一个代码仓库管理。 创建项目 # npm create vite@latest 项目名 npm create vite@latest multi-entry-demo 选择vue,回车 选择vue-ts,回车 按照指示操作 项目目录如下 多页面配置 删除无用文件 删除项目根目录下src…

继续阅读 Vue3+Vite+TS:多入口项目搭建(简单版)