js
qaakd
欢迎交流Web前端技术,相互学习
展开
-
js 数组根据某个字段去重
/去重i++){j++){}原创 2022-11-03 11:26:14 · 504 阅读 · 0 评论 -
JS最全的判断变量类型的方法
alert(‘我是数组类型’);alert('我是函数类型');原创 2022-09-26 00:05:42 · 125 阅读 · 0 评论 -
JS Object.assign,出现合并不了的正确做法
let obj2=Object.assign({},obj.sampleValues[0],this.form.sampleValues[0]);console.log(obj2);注意,第一个参数需要空对象原创 2022-06-06 15:36:34 · 339 阅读 · 0 评论 -
js一个对象的属性名是一个变量如何设置和获取值
this.$refs.refsDom.setData({ [key]:res[key], });[key]为变量名原创 2022-05-13 10:15:17 · 505 阅读 · 0 评论 -
VUE组件已经注册,但还是报错没有注册,解决方法
components: { viewWindow: () => import('../baseData/components/viewWindow'), },原创 2022-04-26 10:20:56 · 2926 阅读 · 0 评论 -
Vue如何定义全局函数
1.base.js:// base.jsexports.install = function(Vue, options) { Vue.prototype.text1 = function() { console.log('执行成功1'); }; Vue.prototype.text2 = function() { console.log('执行成功2'); };};2.main.js:import Vue from 'vue'; // vue要在引文件之前...原创 2022-04-25 14:51:34 · 1767 阅读 · 0 评论 -
JS递归算法例子
//计算 count(data) { if (data) { for (let i = 0; i < data.length; i++) { if (data[i].isRight == 1) { this.selectedKeys.push(data[i].id); ...原创 2022-02-15 09:43:01 · 400 阅读 · 0 评论 -
JS使用超链接打开本地文件
1. 创建一个.reg文件写入下面代码,并双击执行Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\share]@="\"URL:share Protocol\"""URL Protocol"=""[HKEY_CLASSES_ROOT\share\DefaultIcon]@="window.exe,0"[HKEY_CLASSES_ROOT\share\shell]@=""[HKEY_CLASSES_ROOT\share\s原创 2022-01-25 22:10:46 · 1486 阅读 · 0 评论 -
Js日期加减(天数),时间加减,日期运算
根据传入的日期做加减法计算,整数为加法,负数为减法,但是是天。num可传入: 1,2,3,-1,-2,-3等,默认是加一天;date可传入: 2017-01-01格式的,不传的话默认是当天日期。function dateChange(num = 1,date = false) { if (!date) { date = new Date();//没有传入值时,默认是当前日期 date = date.getFullYear() + '-' + (date.getMonth()原创 2022-01-20 17:25:49 · 7043 阅读 · 0 评论 -
Js获取当前的日期和时间
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>获取当前时间</title></head><body> <script type="text/javascript"> /** *获取当前时间 *format=1精确到天 *format=2精确到秒 ...原创 2022-01-20 11:03:45 · 728 阅读 · 0 评论 -
JS 比较年月日时间大少
//比较时间大少 comptime(beginTime,endTime) { // var beginTime = "2009-09-21 00:00:00"; // var endTime = "2009-09-21 00:00:01"; var beginTimes = beginTime.substring(0, 10).split('-'); ...原创 2022-01-17 10:49:10 · 120 阅读 · 0 评论 -
JS中,split()用法(将字符串按指定符号分割成数组)
<html> <title>test</title> <body> <script> var arr1 = "2:3:4:5".split(":"); console.log(arr1); </script> </body></html>...原创 2021-12-28 10:33:00 · 1050 阅读 · 0 评论 -
Vue ant 省市区联动
html部分:<a-cascader :default-value="['广东省', '广州市', '天河区']" :options="areaList" placeholder="请选择工程所属行政区" />js部分:import areaList from '../../../../store/areaList' data() { return { areaList: areaList, ...原创 2021-09-16 17:17:22 · 305 阅读 · 0 评论 -
vue 后台接口返回文件流地址的下载
接口:axios({url:api.path_3+'/getFile',method:'post',responseType:'blob' //注意这个一定要加})接口返回数据处理:download().then((res)=>{ //res为返回的数据letblob=newBlob([res],{typ...原创 2021-08-24 16:22:39 · 423 阅读 · 0 评论 -
VUE 中引入百度地图 定位
1.安装:npm install vue-baidu-map --save2.全局注册,在main.js中引入以下代码:import BaiduMapfrom'vue-baidu-map'Vue.use(BaiduMap, {ak:'你申请的key'})3.完整代码:<template> <baidu-map :center="center" :zoom="zoom" @ready="handler" style="height:1080...原创 2021-08-16 16:36:32 · 778 阅读 · 0 评论 -
VUE 打印
1.在main.js文件里加上:importPrintfrom'@/store/print'Vue.use(Print)//注册在线打印功能插件2.页面中调用:<template><section ref="print"> 打印内容 <div class="no-print">不要打印我</div></section></template>this.$print(this.$refs.prin...原创 2021-08-05 17:40:16 · 105 阅读 · 0 评论 -
js,简单的打印例子,自定义换页
<body> <input type="button" value="打印此页面" onclick="printpage()" /> <div id="printContent">打印内容</div> <script> function printpage() { let newstr = document.getElementById("printContent").innerHTML; le...原创 2021-08-05 15:08:32 · 360 阅读 · 0 评论 -
VUE导出数据为excel,xlsx
npm需要安装插件:npm install --save file-saver xlsx代码如下:<template><a-table:columns="columns":data-source="data"id="out-table"><aslot="name"slot-scope="text">{{text}}</a><spanslot="customTitle"><a-ic...原创 2021-07-31 17:09:08 · 117 阅读 · 0 评论 -
Vue 动态加载子组件
#### 父组件<template><component ref="detail":is="myComponent":showdevice="showdevice"@callBack="callBack"></component></template><script>export default {data () {return {myComponent: null,showdevice: { name: '传递的名字' }原创 2021-07-29 10:27:03 · 854 阅读 · 0 评论 -
js合并对象
constuser={name:'KapilRaghuwanshi',gender:'Male'};constcollege={primary:'ManiPrimarySchool',secondary:'LassSecondarySchool'};constskills={programming:...原创 2021-07-14 11:06:55 · 118 阅读 · 0 评论 -
js 数据设置默认值,有数据不变,没有数据就设置默认值
letarr=2;arr=arr||10;alert(arr); //输出2letarr2;arr2 =arr2 ||10;alert(arr2); //输出10原创 2021-07-14 10:57:32 · 1071 阅读 · 0 评论 -
element ui 图片上传之前调用的事件
/** * 图片上传之前调用的事件 */beforeAvatarUpload(file) { // 允许所有的图片类型const isJPG = file.type.indexOf("image/") > -1;const isLt2M = file.size / 1024 / 1024 < 2;if (!isJPG) {this.$message.error("请上传图片文件!");}if (!isLt2M) {this.$message.error('上传头像原创 2021-07-13 11:41:35 · 420 阅读 · 0 评论 -
element ui 弹框,点击空白处,取消默认是关闭状态的
:close-on-click-modal="false"就可以关闭默认的空白关闭弹框原创 2021-07-13 11:29:36 · 856 阅读 · 0 评论 -
Date格式转字符串,互转
//Date格式转字符串,例如:formatDate(newdate);exportfunctionformatDate(date){vary=date.getFullYear();varm=date.getMonth()+1;m=m<10?('0'+m):m;vard=date.getDate();d=d<10?('0'+d):d;varh=date.getHours...原创 2021-07-06 11:52:13 · 372 阅读 · 0 评论 -
判断数据是否为字符串数组,是就转回数组
exportfunctionisString(res){if(res==="string"){returnJSON.parse(res);}}原创 2021-07-06 11:50:36 · 83 阅读 · 0 评论 -
判断自身属性是否存在,使用方法:isHasObj(obj,keyName),obj为要判断的对象,keyName为要判断的属性
exportfunctionisHasObj(obj,keyName){if(obj.hasOwnProperty(keyName)){returntrue;}else{returnfalse;}}原创 2021-07-06 11:48:50 · 135 阅读 · 0 评论 -
数组id转字符串id,用逗号隔开
exportfunctionarrStringKey(arr){letids="";for(leti=0;i<arr.length;i++){ids+=ids?','+arr[i].id:arr[i].id;}returnids;}原创 2021-07-06 11:46:55 · 519 阅读 · 0 评论 -
elementUI中input框无法输入的问题
<el-input@input="change($event)" v-model="ruleForm2[item.paramKey]"></el-input>change(e){this.$forceUpdate();//每次触发键盘时,强制更新},原创 2021-07-05 18:14:06 · 183 阅读 · 0 评论 -
VUE 挂载全局JS文件,组件按需要引用
1.在main.js里面写://全局挂在公共函数import*ascommonfrom'./util/common' //在此引用的是common.js//公用封装Vue.prototype.$common=common//=============================2.common.js的内容:exportfunctionalt(){alert(2);}3.在需要用到的组件里调用,调用方法如下:this.$c...原创 2021-07-05 15:00:28 · 1007 阅读 · 0 评论 -
element-ui 省市区三级联动
1.执行以下语句安装城市数据:npm install element-china-area-data -S2.在vue文件中的scrit标签内导入数据:import { regionData, CodeToText } from "element-china-area-data";3.代码如下:<template> <div id="app"> <div> <el-cascader size="large原创 2021-07-01 17:07:26 · 401 阅读 · 0 评论 -
VUE动态引入JS文件
leta=1;if(a==1){require('../../api/demo/demo.js');}else{require('../../api/demo/demo2.js');}原创 2021-06-21 15:01:16 · 847 阅读 · 0 评论 -
JS日期加减
varDates=newDate();Dates.setDate(Dates.getDate()-this.lingqi);varY=Dates.getFullYear();varM=Dates.getMonth()+1;varD=Dates.getDate();...原创 2021-06-03 11:59:56 · 154 阅读 · 0 评论 -
vue 更新对象
this.$set(this.detailVo,0);原创 2021-06-02 18:14:10 · 281 阅读 · 0 评论 -
element-ui中的中国省市区级联选择器
https://www.icode9.com/content-4-618716.html转载 2021-05-21 17:59:28 · 335 阅读 · 0 评论 -
vue页面动态添加标签
页面结构<ul> <li v-for="(item, index) in itemArr" :key="index"> <el-input v-model="item.content"></el-input> </li></ul><button @click="deleteEle(index)">删除</button><button @click="addEle">+添加元素...原创 2021-05-21 17:55:44 · 3185 阅读 · 0 评论 -
Js Promise的用法(简单明了)
//promisel数据同步操作submitHandler(e){ try{ let the=this; let promise1 = new Promise(function(resolve, reject) { //定义一个promise方法 const result= the.$http.get('/api/login',{params:the.model}); //请求数据接口 console.log(result); reso.原创 2021-05-05 23:25:23 · 1810 阅读 · 2 评论 -
清除所有setInterval
//清除所有setIntervalfor (var i = 1; i < 100; i++){ window.clearInterval(i);}原创 2021-03-26 16:54:24 · 1512 阅读 · 0 评论 -
Ant Design Vue 中 DatePicker 日期选择框改成中文
https://blog.csdn.net/qq_41810005/article/details/107157453转载 2021-03-10 11:49:57 · 3695 阅读 · 0 评论 -
如何在vue项目中使用md5.js
1. 安装:npm install --save js-md52. 引入:import md5 from 'js-md5';3.使用:md5("123"); //记得加双引号原创 2021-03-08 11:42:39 · 2296 阅读 · 0 评论 -
Vue 中引入jquery
npm i jquery -S//然后再vue页面中引入jquery就可以使用了import $ from 'jquery'原创 2021-03-04 17:22:49 · 376 阅读 · 1 评论