vue
Seeyoucm
这个作者很懒,什么都没留下…
展开
-
VUE----watch和compute
VUE----watch和compute原创 2019-10-13 19:49:19 · 2051 阅读 · 0 评论 -
vue----基础项目搭建(项目初始,sass配置,全局组件注册)
通过vue-cli搭建项目原创 2019-05-20 09:58:09 · 382 阅读 · 0 评论 -
vue----vuex如何实现在层层都可以使用$store
层层都可以使用$store原创 2019-04-16 09:49:42 · 1226 阅读 · 0 评论 -
vuex与redux的区别
vuex与redux的区别原创 2019-04-16 09:32:11 · 4300 阅读 · 0 评论 -
vue 内存中数组数据改变,但是视图未更新
遇到一个问题,在methods的方法中,数组元素已经改变,但是视图依然显示之前的渲染数据.通过找了很多方法,都不能实现,比如forceUpdate,强制更新,在这里也没有真正的解决我的问题.最终的解决问题是通过forceUpdate,强制更新,在这里也没有真正的解决我的问题.最终的解决问题是通过forceUpdate,强制更新,在这里也没有真正的解决我的问题.最终的解决问题是通过nextTick(...原创 2019-03-01 16:43:36 · 222 阅读 · 0 评论 -
vue-----父组件与子组件之间通信
vue中,通常使用模块化开发的方式,所以经常会将可以重复使用的部分,拆封为子组件的方式,进行使用.但是父组件如何给子组件传递属性?子组件又如何接收呢?实际开发过程实现通过v-bind的方式,父组件向子组件进行传值,在子组件的内部,通过props进行接收,如果向子组件进行传值,那么子组件内部必须要接收才行,不然子组件内部是无法使用父组件传递的值得那么在子组件内部是如何使用父组件传递的值?...原创 2019-02-27 19:23:57 · 325 阅读 · 0 评论 -
vue v-html指令解析文本以后,换行丢失解决
因为在做实际的业务需求web APP的时候,本身搭建框架是vue进行的 ,所以在做文本解析的时候,直接运用了指令v-html,但是问题出现了,文字,空格都可以解析,但是回车换行没有识别,解决1:看了网上的方法,有些使用正则表达式进行匹配,替换,然后再进行渲染,我尝试了,但是我觉得有点麻烦解决2:网上说的使用便签,我也尝试了,换行是有用了,但是我的文字太多了,原本多余的文字没有设置换行,所以这下...原创 2019-01-19 13:04:19 · 5556 阅读 · 5 评论 -
上传图片并进行图片的预览效果(基于两种实现:vue和小程序)
因为实际的需求,使用vue的input组件,设置type=“file”,进行实现文件上传,并进行图片的预览,点击图片可进行删除操作因为input组件原本的自身样式并没有办法与我设计图温和,所以在进行对input组件的宽高等处理后,通过定位的方式,将input组件至于最上层,并且设置opacity:0;达成最终的ui效果(具体的实现效果如下图)(vue)页面布局 <div cla...原创 2019-01-13 11:03:52 · 1436 阅读 · 0 评论 -
整理3种常用滚动到底部的方法
滚动到底部的常见需求多来自于消息的聊天对话框场景一:小程序聊天对话框滚动到底部实现 data: { scrollTop: 10000000 }, getPrivateLetterInfo(){ //在请求数据完成之后,直接设置就好,就可以让对话框滚动条置于底部 this.setData({ scrollTop: 10000000000000 ...原创 2019-01-11 19:04:41 · 8444 阅读 · 1 评论 -
页面布局实现局部的tbody部分竖向滚动条实现
实际业务需求:实现表格内容的部分内容的滚动具体实现如图,时间以上部分不会滚动,具体记录实现超过5条进行滚动代码页面布局&lt;table&gt; &lt;tr class="hasTh"&gt; &lt;td&gt;时间&lt;/td&gt;&lt;td&gt;奖原创 2019-01-02 14:55:59 · 1016 阅读 · 0 评论 -
vue 实现抽奖大转盘
其实实际解决需求,前端只是负责页面转动,在用户点击时,请求中奖接口,同同时通过设置css属性,让转盘转动起来,当转盘转动结束后,将请求后端接口回来的中奖信息,在转盘转动时候,设置转盘的转动位置,然后进行弹窗显示中奖信息,在此时,***注意要重置转盘的转动角度为初始0度,***在不进行重置,倒置了后续的小bug,代码实现:页面布局 &lt;div class="turntable"&gt;...原创 2018-12-15 17:26:27 · 19811 阅读 · 4 评论 -
实际项目需求,用户当天第一次进入首页进行弹窗,当天再次进入不进行弹窗,以后进入也按此规律弹窗提示
实际业务需求:在用户当天首次进入时弹窗提示活动,再次进入不提示,以后每天进入按此规律提示解决需求:前端通过cookie进行业务的实现逻辑:没有设置特定cookie或者当前日期大于cookie设置的日期则进行弹窗不弹窗代码实现,主要技术vue:其实目前实现的是不区分用户,浏览器为谷歌,记录的也是当天某一个人进入首页的时期(存在的问题,如果不同的用户在同一个浏览器不同时刻进入首页,那...原创 2018-12-15 16:38:09 · 3478 阅读 · 0 评论 -
项目经验----选中项的激活样式的添加(项目类型---vue与微信小程序)
很久很久以来,选中项的激活样式的添加,一直算是一种痛处吧~~~~~感觉有点乱,很不想整理,但是没有办法,其实选中项添加不同的样式是很常见的一种需求.今天,决定好好整理一下,项目经验有限,目前整理的是针对于vue与微信小程序中实际项目开发所遇到的.总的来说:一个原理,在点击切换的时候,点击所拿到的值,赋值给做原本定义做判断的变量,原本定义的判断哪个成立,则为哪个添加激活类名.1.在vue项目中...原创 2018-10-24 17:17:35 · 1482 阅读 · 0 评论 -
在进行后台传值的时候注意----去空的处理
经常在实际的开发过程中,需要避免将空值传递给后台.比如在实际开发过程中遇到的问题,eg:在进行查询功能的处理的时候,需要将获取到的各种查询条件传入后台(vue实际项目)所以这时候,会对页面上获取到的值进行去空的处理 //对传入后台的值进行去空的处理,这里是自定义的方法 filter(){ for(var i in xxxx){ if( xxxx...原创 2018-10-16 17:46:20 · 1399 阅读 · 1 评论