Vue
铁板海带
这个作者很懒,什么都没留下…
展开
-
一份 ElementUI 问题清单
1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。<el-forminline@submit.native.prevent><el-form-itemlabel="订单号"><el-inputv-model="query.orderNo":placeholder="输入订单号查询"clearab...原创 2021-08-26 12:09:00 · 126 阅读 · 0 评论 -
阻止输入框失去焦点
移动端项目中阻止输入框失去焦点需求思路需求参照移动端微信聊天;当用户在输入框中写好内容后,点击发送按钮,输入框仍然处于获取焦点的状态,软键盘并没有收起思路此时,我们的代码呈现为:输入框中写好内容后,点击发送按钮,输入框失去了焦点,从而导致软键盘收起。有两个解决方案1.打算在用户视觉层面上,保持获取焦点状态,也就是写两个输入框,隐藏的输入框2监听用户可以看到的输入框1的焦点状态,但是并非上上策。2.我需要阻止输入框失去焦点。<div @mousedown="preventBlur(原创 2021-02-09 14:29:19 · 710 阅读 · 0 评论 -
不同时区下,前端对时间戳的处理
前端处理时间戳一、时间戳的格式化二、不同时区下 对时间戳的处理1.将时间进行时区处理总结提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、时间戳的格式化后台返回的时间戳,一般为毫秒数,例:let time = 1602598605267//时间戳//常见的格式化方法formatDate(value, fmt) { let ge原创 2020-10-13 22:43:24 · 1804 阅读 · 0 评论 -
vue-cli3.0 嵌套app的webView 安卓5.0白屏
vue-cli3.0 嵌套app的webView 安卓5.0白屏白屏原因白屏解决方案(babel-polyfill)babel-polyfill相关文章推荐白屏原因这里经过查看日志得出,白屏原因是低版本安卓因为识别不了ES6语法而抛出错误。白屏解决方案(babel-polyfill)package.json中"babel-polyfill": "^6.26.0","es6-promise": "^4.2.8", main.jsimport 'babel-polyfill'import原创 2020-06-17 21:47:48 · 1210 阅读 · 0 评论 -
vue下载图片
vue下载图片vue下载图片:利用html2canvas 下载图片可设置背景色,下载的是dom节点import html2canvas from 'html2canvas' //生成app二维码 qrcodeOpen (data,type) { this.QrCodeType = type//业务需求 this.qrcodeShow =...原创 2020-01-07 09:39:59 · 480 阅读 · 0 评论 -
图片裁剪vue-cropper
使用ElemnetUi的上传组件搭配vue-cropper实现上传图片的裁剪晚上搜到的代码 缺胳膊少腿 很多坑HTML<template> <div class='demo'> <!-- element 上传图片按钮 --> <el-upload class="avatar-uploader" actio......原创 2019-11-22 16:59:10 · 593 阅读 · 0 评论 -
JSON与FormData
后台数据需要FormData时后台数据需要FormData时,我们需要将东拼西凑的JSON格式转换为FormData格式function format(data,h,dh){ let d=""; if(dh){ d+="&" } let da=data instanceof Array for(var q in data){ i...原创 2019-10-15 10:34:26 · 1563 阅读 · 0 评论 -
浏览器可视窗口相关
浏览器可视窗口相关开发过程中遇到一个需求,一个元素根据浏览器的高度变化,从而设置灵活高度从而实现滚动的效果。新的改变第一步首先获取到浏览器可视窗口的高度 //在App.vue中获取浏览器可视高度$(window).height()//代表了当前可见区域的大小,这里我们使用可视高度。$(document).height()//则代表了整个文档的高度,可视具体情况使用。第二步使用Vue...原创 2019-07-19 10:55:33 · 273 阅读 · 0 评论 -
Vuex刷新数据丢失
Vuex刷新数据丢失const storeMaker = (state) => { // 初始化 Object.keys(state).map((key) => { // 判断类型获取本地存储数据 if (typeof state[key] === 'object') { if (sessionStorage.getItem(key...原创 2019-08-14 09:50:23 · 102 阅读 · 0 评论 -
获取后台返回的URL中的Token
获取后台返回的URL中的TokenApp.vue中// An highlighted block methods: {init() { var url = window.location.href; //access_token是后台所指定的key if (url.indexOf('access_token') != -1) { //登录跳转 ...原创 2019-08-20 09:21:20 · 2772 阅读 · 0 评论 -
FireFox相关
在vue项目中 firefox拦截了我们的请求经过排查发现是请求头的问题 headers: { 'Authorization': 'Bearer ' + VueCookies.get('CookieToken'), 'Accept-Language': VueCookies.get('CookieLanguage'), 'x-requested-with':...原创 2019-08-26 17:36:40 · 88 阅读 · 0 评论