- 博客(30)
- 收藏
- 关注
RSS订阅原创 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关注的人