- 博客(25)
- 收藏
- 关注
原创 nuxt3中公共变量
现在组件间(不管有没有父子关系)对user的操作都会实时更新。根目录composables文件夹下新建state.js。nuxt3中存取公共变量 方便组件间通信。state.js中声明变量方法。
2023-07-27 16:10:42 427
原创 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 516
原创 float元素换行后显示出错
给同级子元素都设置了float:left 本来想的效果:实际效果:解决办法:去掉float属性 给元素设置display: inline-block。原因:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动的边框为止。也就是本来第二行的想float到左边,然后碰上了第三块,然后就停下了。第二行后面的就被挤到第三行了。...
2021-08-18 16:13:11 377 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 1320
原创 vue多个页面引用相同组件 在一个页面修改数据 多个页面受影响
例如 多个页面引用树结构 当页面修改树结构默认值时 离开的页面选择的树的数据会被修改查看很久 发现不管当前路由是否为active 都会被修改解决办法:将树组件中的mounted和watch改为activatedactivated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等;created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只
2021-01-29 17:41:58 5697
原创 火狐浏览器输入框绑定点击事件失败
刚开始以为是要用@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 485
原创 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 2364
原创 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 305
原创 高德地图marker鼠标事件
移入marker: mouseover:(e)=>{console.log(‘移入’)}移出marker: mouseout:(e)=>{console.log(‘移出’)}
2020-09-07 16:20:56 3456 7
原创 ie浏览器下时间转换成NaN
ie浏览器不支持事件中有斜杠 正则表达式解决date=date.replace(/-/g,'/')顺便提一下 css中ie不支持unset
2020-09-01 17:05:35 459
原创 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 1553 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 2820 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 2775 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 124
原创 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 234
原创 状态返回码
200: ‘服务器成功返回请求的数据。’,201: ‘新建或修改数据成功。’,202: ‘一个请求已经进入后台排队(异步任务)。’,204: ‘删除数据成功。’,304:协商缓存400: ‘发出的请求有错误,服务器没有进行新建或修改数据的操作。’,401: ‘用户没有权限(令牌、用户名、密码错误)。’,403: ‘用户得到授权,但是访问是被禁止的。’,404: ‘发出的请求针对的是...
2019-12-11 15:31:01 176
原创 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 3161
原创 复制浏览器控制台数据的小技巧
比如想复制这样的数据:先右键这个数据:选择store as global variable然后控制台会出现 temp1再在控制台输入copy(temp1)这样所有数据就在你的粘贴板里面了...
2019-11-08 19:03:40 3965 7
原创 jquery手写带搜索功能的下拉框(带复选框)
工作需要写一个带搜索功能的下拉框,而且下拉框还能供选择,于是有了下一波的操作:html代码:这是下拉框部分代码 页面上通过点击显示这一部分 js代码 : (点击选择按钮的事件)(为了点击其他地方关闭下拉框则有了如下的操作)我是把筛选的方法写在请求的回调函数里面的:因为HTML规定select下面只能用option,所以只能用其他标签拼接!!!...
2019-11-08 18:57:07 1516 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人