vue
文章平均质量分 86
Beauty_z
这个作者很懒,什么都没留下…
展开
-
vuecli4移动端项目在ios9白屏实践
前言新项目基本开发完成,开始真机调试。发现ios9.3的手机上项目是空白的????。定位问题开始一通搜,发现很多人说了原因就是es6模块没被解析成浏览器识别的代码。应该装插件编译下,那具体哪个插件或者文件导致的呢?用mac电脑的safari浏览器的开发模式,调试下iphone手机的safari来定位问题。发现报错信息来自一个第三方插件:vuex-persist参考文章https://blog.csdn.net/github_37673306/article/details/1051152原创 2020-05-29 09:38:25 · 700 阅读 · 0 评论 -
vue移动端富文本vue-quill-editor 自定义上传图片和样式
前言最近要做个移动端富文本,但是需求比较简单,只需要能够上传图片和实现文字位置自定义找了蛮多文章都建议使用quill。既然大伙儿都推荐它,想必它是有过人之处的。话不多说,开始代码。先看下移动端效果图参考链接vue-quill-editor在线使用quilljs官网快速开始代码ImgText.vue<template> <div class="example"> <quill-editor class="editor"原创 2020-05-27 21:20:34 · 1801 阅读 · 1 评论 -
vuecli4+vant移动端响应式项目踩坑记录
文章目录关键词参考链接一. 使用vue/cli4二. 使用vant三. 加入响应式布局1. rem适配插件2. PostCSS配置四. 图标库:封装svg图标组件1. 建立如下目录结构:2. components/SvgIcon.vue3. icon/index.js4. 配置vue.config.js5. svg图标使用五.axios+api封装目录结构(示例)http.js封装api/index.jsapi/user.jsapi注册到全局(main.js文件)api接口调用示例App.vue(断网代码示原创 2020-05-17 23:15:02 · 5169 阅读 · 0 评论 -
vue keepAlive实现列表页面缓存
文章目录需求基本html结构实现思路(3步完成基本功能)自定义上拉加载(监听滚动条事件)列表及时刷新且保存滚动条位置处理需要注意的问题需求订单列表,点击去详情页,再返回列表,要保持上次滑动的位置。且详情页面可以进行增删改查操作,返回列表要使当前tab下的列表状态为最新。基本html结构<div id="#app"> <div class="wraper"> &...原创 2020-04-22 14:16:00 · 703 阅读 · 0 评论 -
动态隐藏表单页面的底部操作栏
业务场景:表单页面很多输入框,底部操作按钮是提交表单且离开页面的。失去焦点时,验证错误,需要给用户提示且给用户改成正确的值。点击该页面底部操作按钮也是失去焦点的一种情况。但希望用户能看到提示且看到输入框修改过的值。就要避免聚焦时候底部栏的展示。安卓手机键盘弹出时,会发生resize事件。利用这个事件处理。// index.vue<template> <di...原创 2020-03-23 18:14:56 · 248 阅读 · 0 评论 -
js实现银行卡号4位分隔,操作中间位置,光标错位
使用vue框架实现<input type="tel" v-model="bankcard" placeholder="请输入银行卡号">data() { return { bankcard: '', count: 0 } },watch: { bankcard (v, oldv) { this.$nextTick(() =>...原创 2019-11-15 15:35:45 · 1086 阅读 · 0 评论 -
vue模块自动化脚本编译失败module not found
vue的for循环改了key值出现了这样的问题。开始的写法(没出问题)<div v-for="(item,index) in infos.visitStockReport" :key="index">(出问题的写法)<div v-for="(item) in infos.visitStockReport" :key="item.id">开始的写法(没出问题)&l原创 2018-05-08 13:46:23 · 4327 阅读 · 0 评论 -
h5图片压缩上传
1.做这个确实有必要的,有的手机拍出来的照片很大,然后加上网速一般,上传很慢,一直等待,好不容易等到资源上传时间结束了,但是后端接口又超时了。太久了,用户体验肯定不好。简直可以说是没办法继续使用了。2.已经可以查到好多人写好的。但是直接拿来复用,总有这样那样的问题。3.我用的是vue框架,本来打算用原生的方式。就是网上很多大神写好的,贴一张别人写的代码图这样就拿到了图片的base64地址。然后再把...原创 2018-04-26 14:24:18 · 999 阅读 · 0 评论 -
vue项目input输入框双向绑定数据不实时生效
<input type="text" maxlength="11" placeholder="请输入联系人电话" v-model="form.phone" />//这样的输入框,绑定的是data中的form对象上的phone字段。在mounted钩子函数里边写:this.form.phone = '1888888888';//这样在页面上时候不会随着输入框值改变...原创 2018-04-23 15:36:00 · 10476 阅读 · 1 评论