- 博客(39)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 h5点击电话号跳转手机拨号
我们首先在<head>标签中添加代码。需要使用到h5的 <a>标签。然后再想要的位置添加代码。这样最重的样式是这样的。
2024-07-18 17:05:26
1060
原创 echarts 自适应屏幕高度
如果只有一个echarts表，那么可以在myChart.setOption(option);后面添加代码段setTimeout(function (){ window.onresize = function () { myChart.resize(); }},200)如果有多个echarts表，在每个表的myChart.setOption(option);后面添加代码window.addEventListener("resize",function (){ m
2022-03-21 15:04:39
1173
原创 el-input 输入时显示换行，显示空格
<div class="lookText" v-if="!isAdd">{{formData.nexPlan}}</div> <el-input class="input_width" v-model="formData.nexPlan" placeholder="下周计划" type="textarea" :rows="2"> </el-input><..
2022-01-14 16:47:50
3959
原创 有关伪类元素的使用::before ::after 实现rules规定必填项的红色标记位置的变化
我们在使用form表单的时候，有时候会使用rule添加验证规则，像是这样rules: { time: [{required: true,message: "请选择填报时间",trigger: "blur"}当我们给表单的某一项添加requested:true的时候，会默认在那一项的label左面出现一个红色标记像这样，其实也没什么，但是如果是多条数据的话，像这样这时候就会出现一个问题，那就是左侧对不齐，因为有的添加了验证规则，有的没添加，这样会对页面美观造成影响，那么我们的解决方案
2022-01-14 11:44:27
998
3
原创 第一次中奖，啥也不说了-“中国开发者大调查”第五批中奖名单
直接上链接https://csdnnews.blog.csdn.net/article/details/122317542
2022-01-05 17:38:09
245
原创 Element 判断发送数据是否为空值
之前写过一个发送短信的功能Element中使用＜el-radio-button＞实现短信平台功能， 通过点击不同的按钮，向不同的人发送消息_newbaby123的博客-CSDN博客上次写的不太完善，忘记添加控制判断，今天来写一写if(this.msg.trim() == '') { this.$message.warning('发送内容不可为空') return}这样如果输入框内容为空，就无法发送完善一下onSubmit的代码(sendMsg是后端接口)onSubm
2022-01-04 10:35:12
1337
原创 Element 弹出框确认信息
在我们平时工作中经常会碰到增删改查的需求，删除功能通常都被要求添加一个确认弹框，防止点错或者是想反悔的情况，那么我们该如何来写这个提示消息呢首先来看官方文档MessageBox弹框<template> <el-button type="text" @click="open">点击打开 Message Box</el-button></template><script> export default { ..
2021-12-29 17:48:43
2165
2
原创 Element中使用＜el-radio-button＞实现短信平台功能， 通过点击不同的按钮，向不同的人发送消息
今天收到一份需求是这样的通过点击不同的按钮，向不同的人发送消息下面我们开始来做我们直接看内容部分，最外层的header就不弄了，那个很简单我们先来第一行，使用的是<el-radio-button>,我们先来看一下官方文档是怎么写的好，官方文档是这样写的，那我们照着他这个来<templete> <div> <el-form ref="form" label-width="80px"> .
2021-12-29 14:31:28
5543
原创 Element设置＜el-input＞的高度
今天在完成分配的任务的时候遇到了一点小麻烦，需要把一个Input输入框给设置成这样直接来到style里直接.el-input{ width:90%; height:50px;}本以为轻轻松松就解决了，结果设置的height完全不起作用，后来通过查资料，看element的官方文档才发现，要设置<el-input>的高度，需要使用 rows属性官方文档是这样说的，rows可以设置行数，但是必须设置 input的 type属性为 type="textares
2021-12-29 14:02:00
15741
3
原创 在vue element中使用echarts
最近在学习echarts，由于echarts的官方文档都是用的js,目前项目使用的是vue+element,所以只能自己进行转换，转换成vue的写法首先要先安装echarts，注意！特别要注意echarts的版本，千万不要安装最新版本的echarts，因为它和vue2会有冲突，一定要自己指定版本，这个坑我是着实的踩了，代码完全没有问题就是不显示，要我找了好久，最后发现是echarts版本太高！！！他喵的npm install echarts@4.8.0 --save完整代码<
2021-12-28 17:25:20
1375
2
原创 使用navicat创建数据库
使用navicat创建数据库的时候首先线连接数据库，右键点击打开链接也可以新建一个输入名字，数据库密码，点击测试连接，确定新建成功之后，右键打开连接然后再右键新建数据库字符集选择utf8 -- UTF-8 Unicode排序规则选择utf8_general_ci点击确定就好了...
2021-12-28 17:14:16
5276
原创 idea连接数据库的问题 [08001] Could not create connection to database server. Attempted reconnect 3 times.
想必大家在使用Idea连接数据库的时候可能会遇到这样的问题这个时候不要慌，其实很简单，只需要在 URL:jdbc:mysql://vueblog:3306后面加上?serverTimezone=UTC就可以了完整如下jdbc:mysql://vueblog:3306?serverTimezone=UTC...
2021-12-28 17:01:32
832
原创 Element 日期选择器踩坑，回显问题
<el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>最近在项目中经常要用到时间选择器，也遇到了很多问题，那就让我来谈一谈遇到的那些坑吧首先就是回显问题，当你选择好开始时间和结...
2021-12-27 18:13:33
3057
原创 Element 日期选择器 同时为后端提供开始时间和结束时间
<el-date-picker v-model="tabData.chooseDate" type="daterange" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" clearable value-format="yyyy-MM-dd" style="width: 100%;" @change="changeChooseDate" v-else ><.
2021-12-27 18:00:23
1062
1
原创 Element form表单自定义校验规则之正则校验
自定义校验手机号// 验证手机号的自定义规则 var checkMoblie = (rule, value, cb) => { //验证手机号的正则表达式 const regMobile = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/ if (regMobile.test(value)) { //合法的手机号
2021-12-27 17:36:53
2290
原创 用Git新建分支提交本地项目
首先查看一下目前所处的分支git branch如果发现没有自己想要的分支，就新建分支(user是我想建的分支，大家可以按自己情况来)git checkout -b user回车，再次执行 git branch,发现自己现在处在 user分支git branch接下来，检查user分支上的文件状态git status以上是修改和新增的文件，然后将它们都存到暂存区git add .再重新检查一遍状态，发现都被存到了暂存...
2021-12-24 17:00:46
238
原创 vue element 用单选框实现点击不同的radio产生不同的事件
需求点击企业 不显示监控编码输入框点击监控 显示监控编码输入框如下图实现思路：分别赋予两个radio不同的值，点击企业时返回 1，点击监控时返回 2，所以只要监听看看返回的数据是1还是2来决定是否要显示 监控编码输入框代码如下：<el-form-item label="分类" prop="type"> <el-radio-group v-model="editForm.type"> <el-radio label="1"&g..
2021-12-24 13:50:41
3741
原创 使用git导项目，切换分支的方法
首先新建一个文件夹，右键打开Git Bash Here然后输入 git clone 后面跟你的项目地址回车就Ok了然后进入到刚导下来的文件夹中再次点击右键打开Git Bash Here 进行分支切换1.输入git branch -a查看现在的分支情况git branch -a2.git fetchgit fetch3.切换到远程想要的分支（这里拿master示例，后面也是）git checkout origin/master4.执行git branch.
2021-12-24 13:35:59
3662
原创 用vscode拉取代码时，出现“在签出前，请清理存储库工作树”
是因为自己的修改和其他人上传的代码产生了冲突解决方法：放弃自己的修改git reset --hardgit pull这样就可以了
2021-12-24 13:15:15
785
原创 vue实现视频监控后台管理
这篇主要是介绍一下思路，如果想看详细的大家可以去看我的上一篇，后台的话，就是实现添加监控信息，比如说，我在后台添加了二楼电梯门口的视频，另外配上后端给的监控视频地址，点击确定保存，然后视频播放界面就出现了该信息（二楼电梯口），然后点击这条信息，开始播放该视频其实很简单，我使用的是树形结构 <el-tree :indent="0" :data="treeData" :props="defaultProps" :expand-on-click-node="fals
2021-12-24 10:26:35
3183
原创 用hls.js播放m3u8视频监控，另外还有v-if的好用之处
最近在做一个项目，是一个视频监控页面，其中有一个功能实现是需要一开始站是一个视频监控，点击按钮之后变为多个视频监控，这里我想到了用v-if和v-else，设置一个按钮绑定一个值像这样<template> <div> <el-button @click = "changeView">改变试图</el-button> <div v-if="!ischange"> &
2021-12-24 10:15:11
2034
2
原创 vue项目css报错问题
可以去检查自己的less 或者是scss版本，安装过高版本的会导致不兼容报错，新版本不稳定，可以尝试卸载后重新安装一个低版本的
2021-12-24 09:36:00
1207
原创 Vue使用api接口规范
最近在前端工作中遇到了和后端对接口的问题，后端发过来接口之后我们要怎么做呢？首先在src目录下建立api文件夹，建一个xxx.js文件，在里面用发过来的接口
2021-11-25 09:14:26
1125
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人