vue
FE-阿阳
爱学习的程序猿
展开
-
vue中 v-if 和 v-show
vue中 v-if 和 v-show详情描述v-if是惰性的,每次false之后会删除元素,这样,每次显示的时候都会重新走选择城市的接口。v-show,只是简单的显示隐藏原创 2018-02-02 08:14:12 · 926 阅读 · 0 评论 -
mpvue 中插槽 slot 没有渲染出来
mpvue 中插槽 slot 没有渲染出来问题描述 组件开发中,经常会使用到插槽 slot, 小程序原生是支持插槽的,mpvue 也支持了插槽,但是发现插槽并没有被渲染出来,原因如下:解决方案mpvue 虽然公布支持了插槽,但是有版本限制的,开发者注意看看版本,slot 没出来总结为以下几点(截止为1.0.15版本): 1. mpvue 的版本问题,1.0.13 之后才...原创 2018-07-04 17:57:04 · 7399 阅读 · 0 评论 -
webpack vue 打包优化
webpack vue 打包优化问题描述 在项目优化中,有一种方案,不经常更新的第三方包可以不打在 vendor.js 中,可以在 .html 模板中引入,然后在 webpack 中配置排除这些包,但是会遇到一个问题,就是开发环境中,如果排除掉 vue.js 不打入 vendor.js 中,则无法使用 vue devtools 进行调试,如果不排除 vue.js ,则又会和模板中引入的...原创 2018-07-16 10:42:23 · 1612 阅读 · 0 评论 -
vue 在 model 修改的数据没有响应式
vue 在 model 修改的数据没有响应式问题描述 在 vue 的实际项目开发时,有时会遇到在 model 中修改的数据没有同步改变到 view 层,而慢一步,找了找原因,如下:解决方案Vue 不允许在已经创建的实例上动态添加新的根基响应式属性(root-level reactive proiperty)。然后它可以使用 Vue.set(object,key, val...原创 2018-04-12 09:15:08 · 1664 阅读 · 0 评论 -
vue-cli 更新对比
vue-cli 更新对比 Vue-cli 是Vue 官方提供的脚手架工具,他的github 地址是: vue-cli github vue-cli 3.0发布了,相对比于2.0,更新挺大的。本文简单介绍了下初采坑的一些区别 vue-cli 2.0以上下载安装npm install vue-cli -g查看版本vue -V// 2.9.3 说明...原创 2018-03-01 09:17:47 · 22359 阅读 · 1 评论 -
input 聚焦掉起键盘,并且只能输入数字
input 聚焦掉起键盘,并且只能输入数字问题描述 在实际项目开发中,会有需求为 input 聚焦掉起键盘,并且只能数字,开发者第一反应为 type 修改 number,但是 number 是允许输入 + - . e 四个字符的,以下是项目中的解决思路;解决方案1.方法一:<template> <input type=...原创 2018-03-08 17:17:43 · 2083 阅读 · 0 评论 -
埋点时,hash 改变没出发 hashChange 事件
埋点时,hash 改变没出发 hashChange 事件 问题描述 个人中心埋点时,跳转路由没有触发 hashChange 事件解决方案vue 2.8.0 以上;vue 触发的 hash 改变,不会触发 hashchage 事件;主张在 路由钩子去完成想要进行的操作; 将 vue 回退到了2.6版本原创 2018-02-06 08:35:54 · 2848 阅读 · 2 评论 -
im 聊天中视频播放
im 聊天中视频播放 问题描述 在 im 聊天聊天消息为视频时,可以点击播放;ios 会有统一的样式,但是在 android 上,微信平台会自动接管全屏播放,但是在 M 站上样式一踏糊涂;解决方案解决思路: 在 video 播放时,将video 播放设置全屏//部分安卓机型(vivo x9;小米 note3)im聊天中播放发送的视频;先横屏,再点击播放,才正常原创 2018-02-06 08:34:24 · 508 阅读 · 0 评论 -
im 聊天输入框高度问题
im 聊天输入框高度问题 问题描述 输入框的高度随着字数增多而增高,但是超过一定高度后,不会增高,场景像微信的输入框一样;刚开始使用 autosize.js 控制 textarea ,但是在 ios11 有兼容问题,不断触发聚焦事件;解决方案舍弃 autosize.js ,用纯css + html 实现: 与textarea放一个平级的 pre 标签与 textare原创 2018-02-06 08:32:15 · 576 阅读 · 0 评论 -
H5 中调相机、多选等问题
H5 中调相机、多选等问题 详情描述type="file" accept="image/*" capture="camera">type="file" accept="video/*" capture="camcorder">type="file" accept="audio/*" capture="microphone">capture表示,可以捕获到系统默认的设备,比如原创 2018-02-06 08:29:04 · 939 阅读 · 0 评论 -
IM中输入框的问题
IM中输入框的问题 详情描述ios(特别是UC浏览器)对底部fiexd布局,兼容不好,再聚焦的时候fiexd会漂,所以不能用fiexd布局;ios底部输入框用的是relative,absolute会再部分ios机子上全屏感觉有个遮罩层,使全屏不可点,点的时候有个黑色透明的遮罩层闪烁;android 底部输入框用的是absolute,relative 布局在安卓上输入框会覆盖在虚拟键原创 2018-02-05 08:25:09 · 631 阅读 · 0 评论 -
better-scroll的实现原理
better-scroll的实现原理 详情描述父容器固定高度,并设置属性 overflow:hidden,使得子元素高度超出容器后能被隐藏。better-scroll作用在父容器上。通过touch事件给子容器设置transform:translate()translateZ(); 注意: Vue中数据更新是异步的,在数据还没有加载完之前,BScroll是无法获取目标内容容器的高度的,原创 2018-02-05 08:23:23 · 3379 阅读 · 0 评论 -
ios 上 IM 页面路由跳转白屏
ios 上 IM 页面路由跳转白屏 问题描述 vue 手机端项目在进入主页后在进入子页面,直接按返回出现空白情况,然后轻触一下,空白区域就消失了 安卓手机上不会,ios 会出现这种情况。解决方案这是safari的ios render blank.//拿到数据之后this.$nextTick(() => { window.scrollTo(0, 1原创 2018-02-05 08:21:52 · 812 阅读 · 0 评论 -
vue 中的通信
vue 中的通信 详情描述父子组件通信:子组件触发父组件函数:子组件:template> button @click="submit">提交button>template>script>export default { props: { onsubmit: { type: Function, default: nul原创 2018-02-05 08:20:10 · 295 阅读 · 0 评论 -
vue 双向绑定数据限制长度
vue 双向绑定数据限制长度 问题描述 vue中输入框v-modle 双向绑定的数据;在需要的业务场景下需要对其进行字数长度限制;解决方案可以使用以下方法: 1. 方法一://方法一:输入框添加keypress方法;然后函数为:maxLength(attr,length){ let keyCode = event.keyCode; conso原创 2018-02-02 10:07:10 · 4708 阅读 · 1 评论 -
vue中 v-if 遇到的问题
40. vue中 v-if 遇到的问题 问题描述 在添加患者中;botton 按钮用 v-if 隐藏掉之后,出现了不可见,但是可以点击的情况解决方案在 botton 外层添加了一层 session 标签;可能是 v-if 对行内块原理有兼容性;原创 2018-02-02 10:05:20 · 2932 阅读 · 0 评论 -
vue中 keep-alive 的使用
vue中 keep-alive 的使用 问题描述 在业务开发中,会有路由跳转但是返回需要保留数据的场景;vue 中提供了 keep-alive 来处理解决方案返回dom不让其重新刷新,在vue-view外面包一层, 当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivate原创 2018-02-02 10:04:28 · 6017 阅读 · 0 评论 -
在特殊环境下下载vue调试插件(vue-DevTools)
在特殊环境下下载vue调试插件(vue-DevTools)详情描述Chrome地址栏输入”crx.2333.me”然后把你要下载的扩展ID填到输入框中,点击”Get”(vue的id:nhdogjmejiglipccpnnnanhbledajbpd)点击”成功Get,点我下载”或者在github 上搜vue-Devtools原创 2018-02-02 09:42:02 · 413 阅读 · 0 评论 -
Weex 入门
以下是本人学习 weex 时的初探,前提:了解 vue.js;对 webpack 有认知;所以在 weex 开始之前,本地应该具备 node、webpack 环境;Weex 入门什么是 Weex ?Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。Weex 致力于使开发者能基于当代先进的 Web 开发技术,使用同一套代码来构建 Android、iOS 和 Web 应...原创 2018-11-29 17:20:23 · 628 阅读 · 0 评论