摘要: 需求:需要在echarts tooltip点击学校的名称,跳转到详情页面;项目是从上海市 > 某个区 > 具体的学校(在最后一级的tooltip中绑定一个点击事件) ‘ 项目是用vue和echarts实现的,echarts是新版本(^5.0.2),并不能把点击事件绑定在window上 解决方法: 1 阅读全文
posted @ 2021-11-22 14:13 静水思流 阅读(3337) 评论(13) 推荐(0) 编辑
摘要: 问题:vue页面跳转使用path和query传参(传入整个对象),因为这样再次刷新页面参数还会保留,但是发现一个问题,再次刷新的时候,获取到的参数变成了[object object],原因是因为string({}) ,把对象转为了字符串 如图: 路径携带的参数 打印出来的参数 解决方法: 第一种:使 阅读全文
posted @ 2021-04-19 10:41 静水思流 阅读(1738) 评论(0) 推荐(0) 编辑
摘要: 需求:在项目中需要每隔五秒请求一次接口 第一种方法:直接在mounted钩子函数中处理 mounted() { window.setInterval(() => { setTimeout(this.statusList(), 0); }, 5000); }, 第二种方法:利用watch 去检测数据是 阅读全文
posted @ 2020-04-02 14:39 静水思流 阅读(2348) 评论(0) 推荐(0) 编辑
摘要: 需求:上传文件的时候,需要携带其他的参数 问题:使用upload上传文件时,必须使用formData对象,而其他的参数通过data获取的到的,formData和data是不能同时传输的 解决:获取到的data数据,使用formData.append()方法添加上就可以啦,然后把整个formData传 阅读全文
posted @ 2020-03-31 15:51 静水思流 阅读(11705) 评论(0) 推荐(1) 编辑
摘要: 已经安装了 sass相关依赖包 npm install sass-loader --save-devnpm install node-sass --sava-dev 并且在build文件下webpack.base.conf.js文件中 添加 { test: /\.scss$/, loaders: [ 阅读全文
posted @ 2019-12-25 17:45 静水思流 阅读(579) 评论(0) 推荐(0) 编辑
摘要: 解决方式:重新单独安装提示冲突的模块 比如如上的冲突,我重新下载了 npm i vue-template-compiler@2.6.7 --save 再重新启动就可以了 npm run dev 阅读全文
posted @ 2019-08-16 17:38 静水思流 阅读(23784) 评论(0) 推荐(0) 编辑
摘要: 1、安装node.js 地址:https://nodejs.org/en/ 下载安装软件之后,点击下一步即可 打开dos窗口,输入cmd能快速打开,输入npm -v 和 node -v 能显示出版本号就代表安装成功 2、全局安装wepback npm install --global webpack 阅读全文
posted @ 2019-08-16 13:43 静水思流 阅读(3038) 评论(1) 推荐(1) 编辑
摘要: 渲染结果 第一种情况:后台处理了数据,前台只需要展示(后台返还的结果就是一个数组树) 第二种情况:后台以单个对象的形式返还全部的数据,需要前端根据关系进行处理 后台返还的数据 经过前台处理后的数据 代码如下 后端处理结果的逻辑 第一种方式: 第二种方式:利用了公司内部封装的一些方法 阅读全文
posted @ 2019-05-10 16:08 静水思流 阅读(3349) 评论(0) 推荐(0) 编辑
摘要: 第一种方法:利用tooltip 里面的配置项 默认就会有写显示 第二种方法:利用formattet回调函数 返回我们想要显示的信息 formatter : function (params) { var value = (params.value + '').split('.'); value = 阅读全文
posted @ 2019-04-26 14:17 静水思流 阅读(9159) 评论(0) 推荐(0) 编辑
摘要: 本文实例讲述了微信小程序实现图片上传、删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1、可以调用相机也可以从本地相册选择 2、本地实现微信小程序的上传照片、预览照片的功能 3、利用wx.chooseImage方法 4、附带了一些表单样 阅读全文
posted @ 2019-03-13 20:04 静水思流 阅读(56480) 评论(11) 推荐(2) 编辑
摘要: 参考地址:https://blog.csdn.net/pangc2014/article/details/121061584?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefau 阅读全文
posted @ 2022-04-11 14:09 静水思流 阅读(1050) 评论(0) 推荐(0) 编辑
摘要: 需求:根据后台返回的数组对象进行分组,每三个为一组 let resList = [ { name: "zs1", value: 1 }, { name: "zs2", value: 2 }, { name: "zs3", value: 3 }, { name: "zs4", value: 4 }, 阅读全文
posted @ 2021-12-30 16:51 静水思流 阅读(1745) 评论(0) 推荐(0) 编辑
摘要: 需求:根据输入内容实时调用搜索接口,因为网络、异步等问题,可能会造成渲染的结果是上一次输入搜索的内容,比如先后输入1、12、123,可能出现123的结果先返回展示,接着才返回12的结果,那这是页面上展示的就是12的结果,这显然是有问题的;解决办法如下 第一种方法: 1、在data中定义一个字段 2、 阅读全文
posted @ 2021-12-30 16:17 静水思流 阅读(1227) 评论(0) 推荐(0) 编辑
摘要: 一、问题描述 一般来说项目中都会统一在axios拦截器中增加token和其他的请求头信息;但是如果请求第三方接口是不要这些token和信息的,该如何解决呢 原因分析:在axios文件中,设置了axios.interceptores.request.use;这样全局所有的axios都会加上拦截器,这就 阅读全文
posted @ 2021-09-29 17:56 静水思流 阅读(1536) 评论(0) 推荐(0) 编辑
摘要: 效果展示 需求: 1、实现高德地图输入地址自动提示功能 ,根据筛选结果,默认显示第一个结果 2、实现单击获取某个地点的经纬度和地址信息 3、实现筛选地址标注点 4、实现地图回显,再次打开地图定位到之前选中的地址展示详情 5、封装地图组件可在项目中任意地方使用 注意点:首先项目中需要引用高德地图,并且 阅读全文
posted @ 2021-09-01 09:21 静水思流 阅读(5251) 评论(0) 推荐(0) 编辑
摘要: 问题:input输入框频繁请求接口,如何正确的显示最后一次返回的结果 解决方法: 第一种:后端协助处理,返回请求值(前端通过接口的时候会把input输入的值传给后台,后台返回的时候把前端传入的值再回传回来,前端页面渲染的时候进行判断返回的值与页面的值是否一致即可) 第二种:终止上一次的请求 1、aj 阅读全文
posted @ 2021-08-11 18:17 静水思流 阅读(1641) 评论(0) 推荐(0) 编辑
摘要: 问题一:用户在商品详情页面,点击购买,到了确认购买页面,点击确定购买,调支付接口,此时用户没有登录,让用户先去登录,登录完成怎么立马继续调用刚才的支付接口? 解决思路: 第一种解决方法:利用标记法 调用支付接口的时候打个标记,一是用来判断它有没有被调用成功,二是判断它有没有被调用;如果发现没有登陆就 阅读全文
posted @ 2021-08-09 09:47 静水思流 阅读(26) 评论(0) 推荐(0) 编辑
摘要: Axios 中提供了一个CanCelToken的函数,这是个构造函数,该函数的作用就是用来取消接口请求的,官方地址: https://javasoho.com/axios/index.html#%E5%8F%96%E6%B6%88 代码如下: <template> <div> <el-button 阅读全文
posted @ 2021-08-09 09:32 静水思流 阅读(3361) 评论(0) 推荐(0) 编辑
摘要: 如图直接给组件绑定点击事件,但是并不会触发 原因是子组件的点击事件是原生事件,而父组件中的点击事件是自定义事件 解决方法:在组件的点击事件中使用.native修饰符来触发原生事件,如图 ,下面的点击事件就会触发了 阅读全文
posted @ 2021-07-08 15:28 静水思流 阅读(150) 评论(0) 推荐(0) 编辑