wjm0519的博客

问题vue 通过接口请求获取到文件流转excel时乱码接口请求返回参数vue代码excel结果原因由于接口返回的是文件流，所以在请求时需要加上responseType:"arraybuffer",结果

前端配置： vue + elementui webpack1.在index.html中引入天地图js文件<script src="https://api.tianditu.gov.cn/api?v=4.0&tk=秘钥" type="text/javascript" ></script>2.在assets下创建一个技术文件，可自定义名称tianditu.jsexport default { init: function

1.组件代码 <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :o.

场景：前端上传base64格式的图片到服务器，接受图片信息并上传至七牛云报错2.代码/* * base64 数据流上传 * */ Public function liuUpload($base_str,$suffix = ''){ header('Access-Control-Allow-Origin:*'); header("Content-type: image/jpg"); $base64 = explode

场景首先定义一个方法并使用 async和await，然后 通过this调用这个方法并获取值1定义一个方法async WorkerOrderimg(e) { const { data } = await getWorkerOrderimg(e) return data },2.调用// tabs 切换 handleClick(e) { let _this = this this.formData..

1.代码<template> <div> <div id="map"></div> </div></template><script> import mapboxgl from 'mapbox-gl' // import * as THREE from 'three' // import { GLTFLoader } from 'three/examples/jsm/loaders/G.

1.首先通过npm 安装mapbox-glnpm install mapbox-gl2.页面代码<template> <div> <div id="map"></div> </div></template><script> import mapboxgl from 'mapbox-gl' // import * as THREE from 'three' // import {

vue脚手架创建项目时，报错 Unsupported URL Type "npm:": npm:vue-loader@^16.0.0-beta.7场景：使用脚手架创建项目时，出错错误信息：npm ERR! code EUNSUPPORTEDPROTOCOLnpm ERR! Unsupported URL Type "npm:": npm:vue-loader@^16.0.0-beta.7错误原因：原因是npm版本过低查看版本：npm -v解决办法：升级版本使用命令.

1.vue-resource GET请求报错2.请求代码3.很明显跨域了，找到index.js文件下的dev中，添加如下代码（注：0.0.0.0:00 为你自己的路由及端口）proxyTable: { '/location': { target: 'http://0.0.0.0:00/location', changeOrigin: true, pathRewrite: { '^/location': ''

1.安装好vue+vue-resource2.引入天地图3.开始标点注：以上步骤不需要过多解释4.唤起天地图标点事件，并获取到该点的经纬度// 注册点图点击事件（开启地图点击事件并获取经纬图） addMapClick: function(){ this.map.addEventListener("click",this.MapClick); ...

1.父组件代码 <div class="submit-box"> <pointModel v-if="poinShow" @closePoint="closePoint" :longitude="longitude" :latitude="latitude"></pointModel> </div>2.子组件代码先通过p...

1.场景： 在某个页面需要添加一个提交数据的一个表单弹框，弹框中引入了一个子图片上传组件uploadimg，当数据提交完成之后，隐藏弹框并把表单数据重置（不刷新页面），但下次打开页面时图片上传组件上次添加的数据还是显示在弹框中，现在是需要将图片上传组件uploadimg强制刷新。2.在父组件中给子组件定义一个判断值​ <Uploadimgs style="width: 40...

1.删除数组对象中的某个元素this.id.splice(index,1)

1.未修饰滚动条效果如下2.修饰之后3.实现代码::-webkit-scrollbar { width: 6px; background-color: #d8d8d8;}/* 滚动槽 */::-webkit-scrollbar-track { border-radius:10px;}::-webkit-scrollbar-thumb { back...

1.场景：首先在mounted里面执行接口，并获得相应的数据，有父组件传值到子组件2.问题：子组件的接受到的数据是父组件data里面定义的默认值，而通过接口获取的后台数据3.父组件4.子组件5.打印结果6.解决办法在子组件传参的时候加一个判断，当接口成功获取数据之后在传参...

1.在table组件上定义ref值2.通过this.$refs selection的getSelection()来获取值

第一种方法1.在跳转代码上加上 tag="a" target="_blank"2.亲测有效第二种方法1.通过resolve方法来实现2.按照上面书写格式，路由会跳转到更目录打印结果如下，结果并不是我们想要的3.将resolve下的name参数改成path完美解决...

1.场景:在使用iview的Checkbox组件是需要点击全选，从而改变子级的选择状态，组件如下2.由于要使用多组这个组件，每个组件的状态各自控制3在点击切换状态时，数据更新了，页面选择状态未改变，vue未检测到数据变更4.解决方法使用vue的内置方法赋值vue.$set...

1，安装npm install vue-print-nb --save2，引入安装好以后在main.js文件中引入import Print from 'vue-print-nb'　　Vue.use(Print);//注册3，现在就可以使用了　　　　<div id="printTest" >　　　　　　<p>锄禾日当...

在iview model组件中是使用footerHide 取消底部显示一直报错Invalid prop: type check failed for prop "footerHide". Expected Boolean, got String with value "true".原始代码经过查询资料发现写法错误需要在footer-hide前面加上 " ： " 错误解除...

array.map((item,index) =>{业务逻辑............})

给template中的第一个div设置如下样式htmlcss

在开发过程中发现路径中带有/#/的标示，而且还去不掉，很丑陋。众所周知，vue-router有两种模式，hash模式和history模式。带＃的则是hash模式。将router中的mode设置为history就可以了Apache 是可以正常访问的...

1.问题vue路由跳转时进入新的页面，滚动条的位置停留在上个页面的位置，没有回到顶部2.解决方法a.在main.js 中添加如下代码router.beforeEach((to, from, next) => {// chromedocument.body.scrollTop = 0// firefoxdocument.documentElement.s...

单选/多选 获取选中行按照官网，试了N多种方法，但是都不能获取选中行查看源代码，发现有个getSelection方法结果用这个方法解决了以下问题，记录一下：使用ref属性和getselection来获取选中的选中参数打印结果...