vue学习
文章平均质量分 59
kk楷楷
天外来物
展开
-
Vue3中使用Tinymce富文本编辑器(版本最新)
Vue3使用tinymce富文本编辑器原创 2023-01-31 16:57:30 · 4548 阅读 · 20 评论 -
JS正则表达式获得img标签属性、img标签和span标签之间的互相转换。
JS正则表达式获得img标签属性、img标签和span标签之间的互相转换。原创 2023-01-19 17:11:14 · 1395 阅读 · 0 评论 -
Vue3 + Ts + Vite移动端适配教程 -- 简单上手
vue3项目移动端适配方案原创 2022-06-19 15:48:54 · 1733 阅读 · 0 评论 -
解决政务微信ios移动端无法设置顶部title名称
需求场景:政务微信ios端无法修改title属性,在路由守卫设置了属性仍然无法解决解决方案:提示:使用dom操作修改title属性,将方法添加在路由导航守卫中。setDocumentTitle(title) { // 因为在政务微信中ios系统无法通过document修改title,故采取使用document.getElementsByTagName('title') let tagTitleDom = document.getElementsByTagName('title原创 2022-04-24 14:18:57 · 394 阅读 · 0 评论 -
Vue + Spring Boot 项目实战:人事管理系统——(4)前端性能基础优化
项目目录前言步骤1.按需导入2.路由懒加载3.BootCDN4.压缩图片总结前言 好消息好消息!!!人事管理系统项目完结撒花了,实在是可喜可贺。前后端都是自己一个人写的,工作量确实大了不少,不过还是在预期下完成了这个项目。在完成项目后,确实有些问题还困扰我,不过还是让我对vue框架有了一定的理解。今天这一期就是前端性能优化的博文,接下来就一起看看!步骤1.按需导入直接引入相信不少人在使用ElementUI的时候,都是按照官网这样的写法import 'element-ui/lib/them原创 2021-06-13 20:37:38 · 791 阅读 · 3 评论 -
Vue + Spring Boot 项目实战:人事管理系统——(2)员工管理页面及方法实现
员工信息管理目录前言一、前端页面的编写1.编写员工管理vue页面二、后端接口的方法实现1.编写实体类2.读入数据总结前言项目登录方法已经实现了,布局已经规划好了,现在在准备员工管理页面的工作提示:以下是本篇文章正文内容,下面案例可供参考一、前端页面的编写1.编写员工管理vue页面项目目录结构如下二、后端接口的方法实现1.编写实体类代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as p原创 2021-05-13 00:03:45 · 2225 阅读 · 1 评论 -
Vue + Spring Boot 项目实战:人事管理系统——(1)登录页面及方法实现
这里写目录标题登录页面及效果实现:前端代码:新建Vue项目后端代码实现:实体类(1.User)实体类(2.Token)工具类(3.ResultUtil)控制层(AuthController)服务层(UserService)Dao层(UserMapper)Mapper文件:登录页面及效果实现:实现登录的功能前端代码:新建Vue项目新建vue项目网上有很多教程,就不再这里举例了,不清楚的可以百度康康教程。这里我采用的vue脚手架,在cmd命令行首先切换你想要新建项目的路径(cd xx盘),然后输入原创 2021-05-12 00:03:53 · 1626 阅读 · 0 评论 -
Vue + Spring Boot 项目实战:人事管理系统——完结撒花
项目目录前言技术栈1.前端技术栈2.后端技术栈3.数据库一、研究背景与目的二、可行性分析1.经济可行性2.技术可行性3.操作可行性4.运行可行性三、需求分析总结前言 随着互联网技术和信息技术的不断发展,给人们带来了可观的变化,信息技术广泛地应用到管理工作中,促使管理工作的不断发展,信息化管理已成为了现代管理水平不可或缺的一项重要指标,现如今信息化技术的重要程度已被许多企业认可,将信息技术与自身需要结合,运用到信息管理的改革中,从而取代了传统的纸质数据管理,解决了人们的困扰以及维护和检索的问题。 人原创 2021-05-11 11:59:39 · 8998 阅读 · 10 评论 -
关于修改vue项目的favicon.ico图标
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)原因分析:提示:这里填写问题的分析:例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 message 处理不及时时,会造成先传的数据被覆盖,进而导致数原创 2021-05-11 00:35:16 · 1501 阅读 · 0 评论 -
重新修改Vue项目在浏览器中打开的项目名字(含图解)
问题描述:在通过vue-li创建vue项目后,由于前期项目名字命名的规范问题,后期想要重新修改,那么问题来了怎么修改呢,其实很简单,跟着我的步骤下就可以更改啦!解决方案:在这里演示的编译器为HBuidler,个人感觉还不错步骤图解:①打开package.json格式的两个文件②分别修改name的值③重新运行项目④修改完成步骤总结:打开package.json格式的两个文件分别修改name的值重新运行项目打开浏览器查看修改后的项目名字...原创 2021-05-10 21:53:16 · 2732 阅读 · 0 评论 -
Vue中的MVVM模型
MVVM从字面意思来理解就是划分为 View model VIewModel 三个部分,分别表达了View(视图)、Model(数据)、ViewModel(负责两者之间的数据处理操作)。这就类似于Mvc框架中的Model层、View层、congtroller层,MVVM的本质就是MVC的升级版,更好的应用于前端开发。原创 2021-04-29 22:19:58 · 2941 阅读 · 2 评论 -
仅需一行代码即可为el-table表头添加背景颜色
#vue项目点点滴滴04.25问题描述:在编写前端项目过程中,都少不了表单数据展示。单一的table表头看起来是有点简洁,少了那么点视觉冲击,如何在el-table表头中添加背景颜色呢,仅需一行代码即可完成!!!table用法文档代码如下 :header-cell-style="{ background: '#5ab7c4', color: '#fff' }"添加位置效果图:属性说明:backgorud:表头的背景颜色 ,color:表头字体的颜色心得:每天都挤出点时间来学习,相原创 2021-04-25 18:33:08 · 1824 阅读 · 3 评论 -
解决表单<el-form>无法实现重置的方案
## 记录项目点点滴滴04.19问题描述:今天在写<el-form表单的时候,在重置表单数据时,点击事件无效,无法将表单的数据置空。回去看了vue的文档后,发现在<el-form-item没有添加prop属性导致无法重置,最后添加后,解决了问题。解决方案:1.没有在表单中绑定ref对象(可不加:),正确写法如下2.没有给表单项<el-form-item添加prop属性PS:prop的值要和model绑定的值一致。3.方法实现①在methods方法中写一个重置表单信息的原创 2021-04-19 18:07:32 · 1196 阅读 · 1 评论 -
解决Mapped Statements collection already contains value for com.xxxx(包名)问题
# 记录项目的点点滴滴-2021.04.18问题描述:今天在下mapper文件时在启动项目地时候出现了错误Mapped Statements collection already contains value for com.xx.xx(Dao包名)解决方案:一步一步回去找看看有没有漏写什么属性值,结果发现在xml文件中写多了一个id相同的select方法,注释之后就可以实现啦。在做项目的时候,一定要注意这些细小的细节,才能不断进步,加油冲鸭!(id对应controller下的方法名,res原创 2021-04-18 17:56:55 · 392 阅读 · 0 评论 -
Echats出现init报错的解决方法
Echats网址Echats使用文档:https://echarts.apache.org/examples/zh/index.html#chart-type-line前言今天做项目的时候,在使用echats出现了下面问题,于是搜了许多解决方法,耗费一点时间后终于解决了问题,图形也可以正常显示了,以下是解决方案(不一定对所有人都有作用)。二、解决方案1.引入库(在main.js文件下引入依赖)代码如下(示例):import * as echarts from "echarts";//建议按需原创 2021-04-16 17:24:37 · 3145 阅读 · 0 评论 -
在Vue中将单独一张图片设为背景图并充满整个屏幕
Vue基础知识将单独一张图片设为背景图并充满整个屏幕代码如下(在主div中添加样式) background: url("../xx/images/图片名字.jpg");//这里的地址是用你项目中图片所在的路径为准 background-repeat: no-repeat;//将图片样式不重复 background-size: 100% 100%; //设置图片大小 position: fixed; /* 充满全屏 */ height: 100%; //设置div高度 width原创 2021-04-12 00:00:45 · 3543 阅读 · 1 评论