- 博客(31)
- 资源 (1)
- 收藏
- 关注
原创 关于el-input输入框禁用输入空格和换行符,焦点跑到最后了,怎么给他重新定位回去
关于el-input输入框禁用输入空格和换行符,焦点跑到最后了,怎么给他重新定位回去。
2024-04-26 10:36:36 260 1
原创 el-form双层数组遍历绑定表单校验,实现单行校验和全行校验,validate和validateField的使用
点击保存的时候校验有没有空的,如果有空的就标红,都是动态的,这就需要用到双层数组。这里的对单行数组的校验有待优化,但是没想到好的办法,
2023-09-26 17:16:52 1536
原创 一篇文章,搞懂promise,async await的区别及使用
凡是带有async修饰的函数 返回值是一个promise实例,即使我们自己添加了返回值,这个函数返回值得到还是一个promise实例,此时我们自己添加的返回值,会当成promise实例的终值(promiseresult=返回值),promiseState为fullfiled。因为只要是promise实例就有三个原型方法,只要实例状态成功,就会调用then的回调函数,在then的回调函数内部就可以接收到成功的终值。添加一个error函数,当出错的时候就被调用,函数内部调用reject函数,提示出错。
2023-07-12 16:00:57 218
原创 echarts图表导出图片的时候想在图上添加文字
如图所示,导出图表的同时想把上面的总数量添加到图片上,由于上面样式较复杂不能设置为图表的名称,只能在导出的时候把总数量添加到图
2022-08-09 15:17:13 1229
原创 git基本操作以及配置
一、git的基本配置1.git下载链接 https://git-scm.com/download2.基本配置用户名和密码//设置用户名密码git config --global user.name "zhangsan"git config --global user.email "3rwf@qq.com"//查看用户名和密码git config --global user.name git config --global user.email 3、给常用git的命令配置别名(可选)
2022-02-08 11:19:48 1028 1
原创 element ui级联选择器,动态获取省市区数据
效果图,可以选择每一层级1、级联选择器html部分@active-item-change监听每一层级的变化。选择安徽省加载数据@change监听选中的变化 <el-cascader v-model="query.address" clearable placeholder="医院地区" :options="provinceList" :props="props" @active-item-change="handleItemChange"
2022-01-13 15:04:59 2801 2
原创 路由的传递参数vue-router的query和params
一、params参数传递1.配置路由,声明接收params参数{ path:'home', componet:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name:'xiangqing',//这里可以用detail,用xiangqing是为了下面区分写法辨认 path:'detail/:id/:title',//
2021-12-13 17:52:15 796
原创 Vuex进阶使用之modules模块化划分、mapState、mapActions辅助函数的使用
一、vuex模块化modules1、项目根目录新建一个sotre文件夹,在store文件夹内,新建两个文件(一个文件,一个文件夹),一个index.js文件,一个modules文件夹。storeindex.js --文件modules --文件夹2、store->index.jsimport Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex) //把modules文件底下的模块遍历进来 const modulesFil
2021-12-10 17:04:10 2525
原创 vuej项目经典问题及解决方案
一、页面权限控制页面权限控制是什么意思呢?就是一个网站有不同的角色,以博客园后端系统为例存在管理员(admin)和普通用户(user),要求不同的角色能访问的页面是不一样的。如果一个页面,有角色越权访问,这时就得做出限制了。一种方法是通过动态添加路由和菜单来做控制,不能访问的页面不添加到路由表里,这是其中一种办法。另一种办法就是所有的页面都在路由表里,只是在访问的时候要判断一下角色权限。如果有权限就允许访问,没有权限就拒绝,跳转到登录或404页面。举个例子: routes: [ {
2021-11-29 14:34:44 320
转载 vue使用高德地图根据城市名定位到地图上,并且点击出现消息弹窗体
vue使用高德地图根据城市名定位到地图上,并且点击出现消息弹窗体效果图:因为我们要根据城市名进行定位,所以要在引入的map插件后面加上&plugin=AMap.DistrictSearch行政区搜索:第一步:在index.html页面上引入下载的文件,这里的key需要你自己去高德地图上注册获取 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=06adcfcc08d8b
2021-10-14 15:57:02 1615
原创 用Object.keys()判断对象是不是空
Object.keys 遍历对象中可枚举的所有属性,不包含protoType原型对象let obj={}Object.keys(obj).length!==0
2021-08-18 11:01:11 364
原创 ES6新特性
let和const和var的区别let在if,for中都有自己的作用域,而var 没有,一般情况都用let来定义不用var<script> for(var i = 0; i < 5; i++){ console.log(i); } console.log("循环外:" + i); for(let j = 0; j < 5; j++){ console.log(j); } console.log("循环外:" + j);</script>结
2021-08-14 14:06:14 176
转载 判断数组的几种方式
一、前言如何判断一个对象或一个值是否是一个数组,在面试或工作中我们常常会遇到这个问题,既然出现频率高,想着还是做个整理,那么本文主要基于几种判断方式,以及方式判断的原理,是否存在问题展开讨论。二、判断对象是否是数组的几种方式1.通过instanceof判断instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值。let a = [];a instanceof Array; //truelet b = {};b instanceof
2021-08-12 15:25:17 2581
原创 vue监听组件的点击事件
vue监听组件的点击事件在Home.vue中引入BackTop.vue组件,我想直接在根文件中监听组件的点击,就必须要用到native属性,用@click.native
2021-08-10 11:36:01 1131
原创 vue中使用better-scroll插件
vue中使用better-scroll插件1、效果在固定区域实现下拉滚动2.安装better-scroll插件npm install better-scroll --save3.代码<template>//这里的名字可以不叫wrapper可以改成别的,但是一定要记住,这个div底下只能有一个根目录 <div class="wrapper"> <ul class="content"> <li>1</li>
2021-08-09 17:26:21 175
原创 js监听页面可见性
js监听页面可见性 document.addEventListener("visibilitychange",function(){ console.log(document.visibilityState) if(document.visibilityState=="visible"){ console.log("浏览切换到当前页面") $(".iframe").attr("src",sessionStorage.getItem("path"));
2021-07-15 16:44:57 513
原创 一个页面,可以直接打开,也要嵌入到大屏中显示,但是想让他在大屏中显示时不显示头部,那么需要判断一下
一个页面,可以直接打开,也要嵌入到大屏中显示,但是想让他在大屏中显示时不显示头部,那么需要判断一下(window.self === window.top)的结果是false,说明页面是被嵌入的,不是直接打开的(window.self === window.top)的结果是true,则说明页面是直接打开 if((window.self === window.top)==false){ //设置背景颜色为透明 document.body.style.backgroundColor =
2021-06-30 10:11:50 193
原创 获取元素的几种方法
**获取元素的几种方法**1.getElementById()获取指定的id,获取的元素是唯一的2.getElementsByTagName()(1)这个方法可以返回带有指定标签名的对象的集合;以伪数组的形式存储的(2)如果想得到每个元素可以采取遍历的方式, 获取页面中li元素 document.getElementsByTagName('li'); 遍历伪数组: for(var i=0;i<lis.length;i++){ console.log(lis[i]) }(3
2021-06-21 11:12:42 4085
原创 echarts折线图有两个y轴时如何区分数据对应哪侧
echarts折线图有两个y轴时如何区分数据对应哪侧解决方法在series中添加yAxisIndex: 1,默认为yAxisIndex: 0,效果图 option = { tooltip: { trigger: 'axis' }, legend: { textStyle: { color: "#fff", fontSize: '18'
2021-05-31 14:18:12 1829
原创 echarts折线图数据的展示样式
echarts折线图数据的展示样式 var option = { title: { text: '问题总数', subtext: quality_total,//副标题文本 left: 'center', top: '40%', textStyle: { fontFamily: "微软雅黑", color: '#fff', fontStyl
2021-05-27 17:21:16 823
原创 点击iframe里面嵌入的内容,获取iframe标签外面的元素,获取不到的问题
点击iframe里面嵌入的内容,获取iframe标签外面的元素,获取不到的问题问题描述,点击iframe嵌入的元素,想让tab栏样式跟着切换,iframe嵌入的链接也要跟着替换1.这个是iframe嵌入内容里面的元素,点击这个,想让外面的tab栏切换,iframe链接也要改变 <div id="safety_inspection" style="height: 100%; width: 100%; display: inline-block" ></div>
2021-05-27 16:08:04 2546
原创 tab栏切换,第二个不显示,没有重新渲染
1.html部分代码,第一个默认隐藏<div class="selectDiv2" id="selectDiv2"> <div data-toggle="pill">预警</div> <div class="spSelect" data-toggle="pill">报警</div> </div> //预警图表 <div class="WHDiv yj" style="display: none;">
2021-04-23 17:34:03 564
原创 layui分页里面传了limit限制条数,数据也获取成功,但是就是只显示10条
layui分页里面传了limit限制条数,数据也获取成功,但是就是只显示10条1、在分页里面limit已经传入选中的条数,但是列表还是只显示10条 laypage.render({ elem: 'demo20' , count: total //数据总数,从服务端得到 , curr: page
2021-04-20 10:27:23 2119
原创 LAYUI登陆密码设置明文密文
LAYUI登陆密码设置明文密文html页面 <div class="layui-form-item"> <label class="layui-form-label">账号</label> <div class="layui-input-block"> <input type="text" name="username" required lay-verify="required" autocomplete="of
2021-04-15 15:04:22 1028 2
原创 layui中表格,实现复选框动态渲染,判断状态让其显示不显示
**layui中表格,实现复选框动态渲染,判断状态让其显示不显示**实现全选或者多选,点击一键处理对其消除警报,在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示功能。layui内置没有该功能,所以只能自己实现。1.渲染表格数据 table.render({ width:1200, elem:'#table', data:data, cols: [[ { templet: "#checkbd
2021-02-27 10:09:34 3016
原创 封装函数,定义一个对象,处理数据
封装函数,定义一个对象,处理数据封装函数,定义一个对象,处理数据封装函数,定义一个对象,处理数据封装一个函数/** * 封装主体 * @constructor */function InfoDto() { //测点编号 this.deviceUuid = ''; //测点编号 this.code = ''; //温度 this.temArr = []; //变化速率 this.rateArr = []; //时间
2020-11-21 10:26:26 220
原创 把选中select标签的值,查看详情时候从接口重新赋值
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-10-27 16:30:37 160
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人