- 博客(30)
- 收藏
- 关注
原创 vue开发app跳转小程序
请注意,这种方式可能受限于不同移动端浏览器的支持情况,以及操作系统的兼容性。在iOS设备上,可能需要使用。在Vue开发的App中跳转到小程序,可以通过调用移动端提供的API实现。此外,确保你的App有足够的权限去打开外部链接,并且用户的设备已经安装了对应的小程序客户端。当条件满足时,使用Web-view或者其他方式打开一个链接,该链接是小程序的路径。在Vue组件中,监听一个按钮点击事件,或者其他触发跳转的条件。而在Android上,通常情况下,使用。方案可以打开指定应用,但这需要小程序支持通过URL启动。
2024-09-05 17:23:01
70
原创 echarts实现地图数据迁徙效果
既然地图的json已经获取到了,那如何通过echarts做成第一张的样子,下面是接口中返回的数据[{"sl": 101,}]<template><script>// 引入echarts// 引入地图// 引入jswatch: {isOpen: {},deep: true},data() {// 这里存放数据return {planePath:res: [],},// })},// 方法集合methods: {init() {
2024-07-31 17:33:03
386
原创 如何取消前端接口请求
2.拦截器中加判断,如果controller为true,调用axios中的CancelToken方法,并把生成的source保存到store中。4.在需要中止进程的地方加下列方法,this.isSource需要通过mapGetters获取。前端可以使用CancelToken.source来实现此功能。1.在调用的接口可以加某个属性来判断是否创建。3.保存到store中。
2023-11-28 14:47:07
612
原创 window.location包含哪些属性和方法
assign()导航到指定 URL.replace()导航到指定 URL并删除当前页面的访问记录.reload()重新加载当前页面.toString()返回 URL 字符串。.assign() 在跳转新地址的同时会留下当前页面的访问记录,点击浏览器返回按钮会回到原来的页面,.replace()则不会保留。window.location返回 Location 类型的一个实例对象,包含当前页面的地址信息。.assign() 和直接修改href是等价的,那么它们跟.replace()的区别是什么呢?
2023-08-04 16:57:31
181
原创 生成excel,并下载到本地
type: 'application/msword', // type,表明该 Blob 对象所包含数据的 MIME 类型,这需要前后端统一规划。window.URL.revokeObjectURL(link.href) // 移除之前使用createObjectURL创建的URL,垃圾回收。body.removeChild(link) // 下载完成之后,移除按钮,垃圾回收,减少页面内存消耗。link.style.display = 'none' // 让这个a标签不可见。
2023-08-04 16:43:18
132
原创 解决html5 input 选择图片在安卓手机上失效的问题
原来的input输入框选择图片是这么写的<input type="file" multiple accept="image/gif, image/jpeg, image/png" id="upload">但是在安卓手机上不能选择图片,所以改为如下:<input type="file" accept="image/*" capture="camera" multiple id="upload" >但是这样的话,在ios手机上就只能拍照,所以在js中还要加入一下代码...
2022-05-06 13:39:09
1832
原创 element的el-table组件,在插槽slot=“header“内,数据不更新的问题
在点击事件修改phoneView的值之后,发现渲染的dom并没有修改。经过多次测试,发现在slot内部phoneView的值并没有改变,或者说改变后,又变回去了<div> <el-table ...> <el-table-column ...> <template slot="header"> <div> <span @click="phoneView = !phoneView
2022-03-28 15:01:59
1290
1
原创 调用下载接口获取文件,并解析blob响应内容,并下载
zipdownload.jsimport axios from 'axios'import { getToken } from '@/utils/auth'const mimeMap = { xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', zip: 'application/zip'}const baseUrl = process.env.VUE_APP_BASE_APIexpo.
2022-03-16 17:08:19
1447
转载 element-ui中 el-date-picker禁止选择今天以前的日期
<el-date-picker v-model="queryInfo.time" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" @change="getData(1, 10)" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker>d...
2022-03-11 14:57:15
991
原创 el-cascader 最后一级id及回显
:props="{emitPath:false}" 加上这行就可以,只存最后一级id,且以最后一级id完整回显。<el-cascader expand-trigger="click" placeholder="请输入" :props="{emitPath:false}" :options="xxList" v-model="xxValue" ...
2022-03-11 14:55:01
2987
3
原创 node-sass和sass-loader报错如何解决
操作步骤: 1、npm uninstall sass-loader 2、 npm install sass-loader@7.3.1 3、npm uninstall node-sass 4、 npm install node-sass@4.14.1 5、再试一次 npm run servenode-sass和sass-loader要对应 1 2 3 4 sass-loade
2022-02-18 13:35:02
1103
原创 混合app跳转百度地图或高德地图
1.首先判断是安卓还是IOS2.判断手机中百度地图和高德地图是否已经安装3.已安装,则调用相应的地址var u = navigator.userAgentvar scheme = ''// IOS地图跳转if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { if(plus.runtime.isApplicationExist({pname:'com.autonavi.minimap',action:'iosamap://'})){
2021-12-23 17:03:37
1949
原创 ios 中app碰到的bug ?
1,证书到期或者个人账号或企业账号到期,会出现闪退2.爱思助手只能安装开发版的app,正式版除非你的手机越狱,否则是安装不到手机中的
2021-11-19 17:19:55
1853
原创 钉钉中,打开app内的h5应用
import openLink from 'gdt-jsapi/openLink'openLink({ url: "https://www.dg-work.cn/home/"}).then(res => { console.log(res)})详情参考专有钉钉门户
2021-11-16 15:29:30
1197
原创 在同一服务器部署两个系统页面
在vue.config.js中设置 publicPath: '/new/',在路由index.js中设置 base:'/new/',在index.html中加入<meta base=/new/>另外nginx.conf中也需要一下相应的路径信息
2021-11-02 16:57:18
265
原创 如何在平板中打开浏览各种格式文件
前端开发中,某个文件可以在pc端浏览器打开预览,但是在平板上,需要下载到平板上才能查看,碰到这样的问题,如何解决呢,此时就要用到 XDoc文档预览云服务,具体如何使用,参考此页面XDOC文档预览云服务,另外这是收费的,一年大概几百块钱。...
2021-11-02 16:53:00
709
原创 element el-select 选项无法选择的问题
element-ui开发时,在el-select下拉框值无法选中。原因:出现这个问题就是绑定了对象(需求如此),render函数没有自动更新,数据刷新了,但是视图没有刷新,而this.$set和this.$forceUpdate就是重新render。先写个change事件changeSelectchangeSelect(){ this.$forceUpdate(); },...
2021-10-20 16:36:41
1821
原创 file-saver导出文件并可设置下载文件名称
npm install file-saver --save import { saveAs } from 'file-saver' saveAs(url, name) 注意:url为文件地址,name为文件名称,name命名时必须加文件后缀,例如pdf文件 "签章文件.pdf" .pdf是必不可少的,否则可能会报错 ...
2021-10-13 10:34:11
1402
1
原创 base64 转 file
dataURLtoFile(dataurl, filename) { var arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new File.
2021-09-08 16:06:20
64
原创 app自动更新版本及监听返回按钮事件
第一步:通过plus.runtime.getProperty获取app相关信息,checkUpgrade为调用接口事件plusReady() { var that = this plus.runtime.getProperty(plus.runtime.appid, function(inf) { that.checkUpgrade(inf.version) }) plus.screen.lockOrientation('portrait-primary') // Andr.
2021-08-13 09:49:29
204
原创 app屏幕随手势放大缩小
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3.5, user-scalable=yes">上述代码放到app文件中之后,IOS端页面可以正常放大缩小,但android却一点反应没有,通过查找资料,找到了下列解决办法plusReady() {var Webview = plus.android.importClas...
2021-08-13 09:35:17
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人