- 博客(25)
- 收藏
- 关注
RSS订阅原创 nuxt3中公共变量
现在组件间(不管有没有父子关系)对user的操作都会实时更新。根目录composables文件夹下新建state.js。nuxt3中存取公共变量 方便组件间通信。state.js中声明变量方法。
2023-07-27 16:10:42
379
原创 jTopo 使文字在连线上面 并修改文字大小
this.paintText = function(a, b) { var c = b[0], d = b[b.length - 1]; if (4 == b.length && (c = b[1], d = b[2]), this.text && this.text.length > 0) { var e = (d.x + c.x) / 2 + this.textOffsetX, f = (d.y + c.y) / 2 + thi
2021-12-15 16:06:00
496
原创 float元素换行后显示出错
给同级子元素都设置了float:left 本来想的效果：实际效果：解决办法：去掉float属性 给元素设置display: inline-block。原因：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动的边框为止。也就是本来第二行的想float到左边，然后碰上了第三块，然后就停下了。第二行后面的就被挤到第三行了。...
2021-08-18 16:13:11
356
1
原创 vue中使用定时器 this取不到值的问题
刚开始在mounted里面写 setInterval(function(){ createRoomBig(this.that); this.num++; },5000)一直报错that找不到后来用箭头函数 setInterval(() => {createRoomBig(this.that);this.num++; }, 5000)问题解决。结论：箭头函数中的this指向是固定不变，在vue中指向vue。普通函数中的this指向是变化的（使用函数时的指向），谁调
2021-03-15 16:24:03
1289
原创 vue多个页面引用相同组件 在一个页面修改数据 多个页面受影响
例如 多个页面引用树结构 当页面修改树结构默认值时 离开的页面选择的树的数据会被修改查看很久 发现不管当前路由是否为active 都会被修改解决办法：将树组件中的mounted和watch改为activatedactivated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等；created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只
2021-01-29 17:41:58
5631
原创 火狐浏览器输入框绑定点击事件失败
刚开始以为是要用@click.native 结果还是不行后来发现输入框写了disable 谷歌没问题 火狐就不行将disable改成readonly 即可<div> <el-input class="search_box-input" v-model="latAndLng" readonly @click.native="openMap" placeholder="点击获取经纬度"></el-input></div>...
2021-01-13 16:21:55
466
原创 js中if判断的优化写法
利用es6中的map对象（根据status判断执行哪种方法）const onButtonClick1 = (status)=>{ if(status == 1){ sendLog('processing') jumpTo('IndexPage') }else if(status == 2){ sendLog('fail') jumpTo('FailPage') }else if(status == 3){ sendLog('fail') jumpTo('FailPag
2020-12-07 17:24:17
2343
原创 echarts vue项目tab切换后 当浏览器分辨率变化后 隐藏tab的echarts无法获取高度
解决办法：监听路由 当路由跳到隐藏页面的时候 手动获取div高度 然后调用echarts的resize方法 data () { return { myChart:null, } }, watch:{ $route:{ handler(){ let _this=this; var width = $("#collect").width(); var height = $("#collect")
2020-10-21 17:12:08
293
原创 高德地图marker鼠标事件
移入marker: mouseover:(e)=>{console.log(‘移入’)}移出marker: mouseout:(e)=>{console.log(‘移出’)}
2020-09-07 16:20:56
3413
7
原创 ie浏览器下时间转换成NaN
ie浏览器不支持事件中有斜杠 正则表达式解决date=date.replace(/-/g,'/')顺便提一下 css中ie不支持unset
2020-09-01 17:05:35
447
原创 vue整合高德地图
1 注册高德开放平台 获取key2 下载高德地图包 npm install vue-amap --save3 在main.js添加代码import VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key:'你获取到的步骤1的key', plugin:['AMap.Autocomplete','AMap.PlaceSearch','AMap.Scale','AMap.OverView','AMap.Too.
2020-08-17 11:12:58
1543
4
原创 vue地图按区域数据不同显示相应的颜色
<template> <div style="height:100%;width:100%"> <div id="chart_example"></div> <div class="mapTips"> <div class="orgMsg" v-for="(items,index) in orgMsg" :key="index">{{items.name}}:<span class="ms.
2020-07-08 16:02:33
2733
2
原创 echart横向柱状图生成排名，并且设置不同颜色
draw(){let myChartDrawer = this.$echarts.init(document.getElementById(‘column’));var colorList = [["#E56E6E"],["#FEB763"],["#00C0DD"],["#23C83E"],["#1AA291"],["#4186EC"],["#1AEDF4"],["#31D76B"],["#FE7C2D"],["#D7C046"]];//定义每条柱状颜色let o
2020-06-20 10:46:41
2740
1
原创 javascript最简单数组去重
function onlyOne(arr){ return arr.filter(function(e, one) { return arr.indexOf(e) == one; });}let arr = new Array("1","2","2","3","3","3","4","4");let newArr = onlyOne(arr);console.log(ne...
2019-12-19 19:03:58
110
原创 javascript合并两个数组
let a=[1,2,3];let b=[4,5,6];Array.prototype.push.apply(a, b);console.log(a)//[1,2,3,4,5,6]
2019-12-19 18:53:49
217
原创 状态返回码
200: ‘服务器成功返回请求的数据。’,201: ‘新建或修改数据成功。’,202: ‘一个请求已经进入后台排队（异步任务）。’,204: ‘删除数据成功。’,304：协商缓存400: ‘发出的请求有错误，服务器没有进行新建或修改数据的操作。’,401: ‘用户没有权限（令牌、用户名、密码错误）。’,403: ‘用户得到授权，但是访问是被禁止的。’,404: ‘发出的请求针对的是...
2019-12-11 15:31:01
168
原创 css子级相对于父级定位
想让子级元素相对于父级定位1，在父级元素加position:relative2，再在需要定位的子级元素加position:absolute，再用left top等进行定位.divF{width:50px;height:50px;position:relative}.divC1{width:10px;height:10px;position:absolute;top:5px;...
2019-11-22 17:26:40
3145
原创 复制浏览器控制台数据的小技巧
比如想复制这样的数据：先右键这个数据：选择store as global variable然后控制台会出现 temp1再在控制台输入copy（temp1）这样所有数据就在你的粘贴板里面了...
2019-11-08 19:03:40
3913
7
原创 jquery手写带搜索功能的下拉框（带复选框）
工作需要写一个带搜索功能的下拉框，而且下拉框还能供选择，于是有了下一波的操作：html代码：这是下拉框部分代码 页面上通过点击显示这一部分 js代码 ： （点击选择按钮的事件）（为了点击其他地方关闭下拉框则有了如下的操作）我是把筛选的方法写在请求的回调函数里面的：因为HTML规定select下面只能用option,所以只能用其他标签拼接！！！...
2019-11-08 18:57:07
1497
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人