开发
Jet_closer
winter is coming,
Be What You Wanna Be,勇敢的做自己吧~
展开
-
高德地图根据经纬度获取地址信息
主要是使用高德里面的这个方法,根据逆向地理编码:将地理坐标(经纬度)转换成地址描述信息,对应为AMap.Geocoder的getAddress方法。具体使用的代码为最后看效果这是传的经纬度与解析出来的地理位置如果需要正向解析将地理位置变成经纬度那么需要用到这个方法操作步骤是一样的,具体可以看官网地理编码与逆地理编码原创 2022-12-05 17:47:58 · 12744 阅读 · 0 评论 -
使用 echarts 数据发生变化,可图表却没有重新渲染
因为图表默认没有更新,不需要重渲染,这个时候可以通过重新渲染的方式解决。在使用 echarts 时节点和数据都正常,但是图表没有重新渲染。原创 2022-09-26 15:49:28 · 3368 阅读 · 0 评论 -
vue文件在html中直接引用 import 传过来的方法报错Error in render: “TypeError: _vm.XXXX is not a function“
在写组件时直接在html中使用 import过来的方法XXXX报错。所以方法跟变量一样最好再赋值、声明一次后使用。这样写直接报错,因为。原创 2022-09-21 11:05:32 · 5124 阅读 · 2 评论 -
view-design组件使用Vue+Input+Table实现动态搜索值并单选
使用了input更方便、简洁,下面上封装的大致代码。实现的效果如图输入名字,动态模糊查找名字展示相关名字的表格列表,单击选择名字后则关闭表格。原创 2022-08-10 18:03:02 · 1466 阅读 · 0 评论 -
vue初始化高德地图报错‘AMap‘ is not defined
在使用高德地图的时候在Index.html里面引入了在文件中也这么初始化了可是报错了 ‘AMap‘ is not defined‘试了多种办法都没用,最后试着在.eslintrc.js中配置了一下 "globals": { "AMap": "true", },然后再重新启动项目就可以啦...原创 2021-07-06 09:56:17 · 8726 阅读 · 7 评论 -
canvas引入图片后变模糊
最近用Canvas画一些东西,结果用canvas绘制图片出来是模糊的!!!!比如这样完全失真了!!!这是我写的源代码 //html <canvas id="canvas"> </canvas> //js let canvas = document.getElementById("canvas"); let context = canvas.getContext("2d");原创 2021-10-09 16:16:17 · 944 阅读 · 0 评论 -
关于使用overflow-y:auto;不生效的问题
使用overflow-y: auto;不生效原创 2021-12-15 17:48:14 · 12886 阅读 · 2 评论 -
vue3.0动态循环icon点击变色,再次点击取消选中
先看效果图点击后发生改变开始上代码html部分 <div class="left-circle"> <div class="whole-circle" ref="wholeCircle"></div> <div class="whole-list"> <ul> <li v-for="(item, index) in newAr原创 2022-01-24 17:18:39 · 1336 阅读 · 0 评论 -
vue3.0简单实现点击li改变列表颜色
默认选择的第一个,当选择第二个时,只有第二个变颜色html代码 <ul> <li :class="{ actived: index == isactive }" v-for="(item, index) in textList" :key="index" @click="nameSelect(item.name, index)" > {{原创 2022-01-21 10:43:06 · 1181 阅读 · 0 评论 -
vue中实现复制、粘贴功能(基于vue-clipboard2插件)
安装插件npm install --save vue-clipboard2文件中引入,在main下面全局引入import Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)使用<template> <div class="box"> <div class="te.原创 2021-05-24 10:27:34 · 296 阅读 · 0 评论 -
关于使用高德地图api引入icon或者设置content加载不出图标
最近使用高德地图ai直接按照官网上面修改icon的图标如像这样直接使用或者这样间接引用结果都加载不出来,像这样后来才发现不能这么直接引入,可以通过http请求通过请求服务器上面的icon图片,像这样:icon:"https://editor.csdn.net/markers/marker.png"可以通过将图片转成base64格式,然后再请求可以通过require来请求这也是我用的最多的 let img =require("../assets/images/marker.png"原创 2021-05-13 18:01:33 · 7812 阅读 · 4 评论 -
Vue中使用防抖和节流
文章目录防抖防抖应用场景: 登陆,发短信(倒计时),提交请求等,主要是为了防止用户点击过快。在vue中为了方便管理,在utils文件夹下面新建一个公共方法Debounce.js(名字随便起)Debounce.js的代码function debounce(fn, delay) { console.log(fn) console.log(delay) let timeout = null if(timeout !== null) clearTimeout(timeo原创 2021-09-18 18:32:25 · 4497 阅读 · 5 评论 -
最详细的JS动态创建表格以及实现分页!
S动态创建表格以及实现分页效果图完整的HTML代码生成表格搜索功能表格下面的功能左下的页码展示分页效果图先看效果,在没有数据的情况下。(图一)完整页面在搜索框输入关键字4,并查找的情况下。(图二)完整的HTML代码话不多说先上完整的html代码,为了方便我把css写在一起的。 <div> <div style="overflow: hidden"> <input type="text" class="原创 2021-06-16 16:43:05 · 3815 阅读 · 7 评论 -
vue修改props传过来的值报错Avoid mutating a prop directly since the value will be overwritten whenever the par
在做项目时有时候会遇到这种错误这句话的意思是说,避免直接改变道具,因为只要父组件重新渲染,该值就会被覆盖。相反,使用基于道具值的数据或计算属性。就是不能直接改变父组件传过来的props,所以怎么办呢,可以使用emit来触发父组件的事件。父组件<template> <div class="class"> <Student :show="isShow" @hideStudent="hideStudent" /> <butt原创 2021-07-14 17:51:12 · 2288 阅读 · 0 评论 -
使用JS制作一个鼠标可拖的DIV
由于需要对可拖动的 DIV 进行一个区域范围的限制,所以要给于一个容器,让可拖动的 DIV 元素不能逃出该容器的大小范围。一、思路1.在外层增加一个 DIV 容器,并设置好容器的大小。(即:宽和高)当容器存在边框的时候,由于这里还没找到获取的方法,所以,在容器边框大于 0 的时候,获得的容器的限制区域的坐标会有误差。为了避免这情况,可以在多加一次容器,有边框样式的在外层,无边框样子的在内层。例:<style> #mainContainer { border:转载 2021-05-18 11:19:13 · 451 阅读 · 0 评论 -
报错: Method “XXX“ has already been defined as a data property.
翻译出来的意思大致就是: 方法“XXX”已被定义为数据属性。什么意思呢?就是方法名字和属性名字重复了!!!解决方法:修改属性名字或者方法名字就行了!原创 2022-04-04 17:17:55 · 4139 阅读 · 0 评论 -
vue+element实现 动态取消勾选 和 分页时保留已选的数据
首先看效果图通过已选人员的删除实现表格勾选的取消。关键代码是使用element里面的toggleRowSelection这个关键方法保留已选的数据使用的是reserve-selection要配合row-key一起使用上代码表格数据 <el-table ref="userTable" size="small" :data="tableData" row-key="id" style="width: 100%;原创 2022-05-09 11:21:14 · 1840 阅读 · 0 评论 -
vue项目npm run serve报错missing script: serve
有时候在拉取Vue项目后,运行npm run serve的时候报错missing script: serve和A complete log of this run can be found in:***有两个原因可能造成,一是在package.json里面配了start,比如本来应该是npm run dev 写成了npm run serve。还有一种情况就是项目的路径不对,可以cd到项目的路径或者找到项目文件夹然后Shift+Alt+C然后在控制台cd Ctrl+v粘贴路径在运行就可以啦。原创 2021-06-15 17:15:19 · 4440 阅读 · 1 评论 -
用vue实现H5页面托拽的div(兼容pc与移动端)
首先看效果图PC端移动端首先实现拖拽需要知道三个事件,按下,移动和抬起PC端鼠标按下事件:onmousedown鼠标移动事件:onmousemove鼠标抬起事件:onmouseup移动端1、当在屏幕上按下手指时触发:touchstart2、当在屏幕上移动手指时触发:touchmove3、当在屏幕上抬起手指时触发:touchend4、touchcancel 当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发touchcancel。一原创 2021-05-18 17:37:22 · 2077 阅读 · 0 评论