vue
姣姣酱
这个作者很懒,什么都没留下…
展开
-
滑动穿透
移动端开发过程中遇到以下问题:页面出现滚动条,在此基础上点击按钮出现底部弹框,底部弹框的内容区域需要滑动,背景阴影区域不需要滑动,但是滑动阴影区域,阴影下的页面仍在滑动.解决方法如下:此问题究其根本是页面布局不合理导致的.错误的布局结构:<template> <div class="page"> <div class="conte...原创 2019-11-27 17:06:46 · 188 阅读 · 0 评论 -
计算属性无法监听数组变化--------vue.set
今天遇到一个问题:初始化数组:a=[0,1,2,3,4,5,6,7];然后通过index修改数组内的值,比如修改后的数组为a=[{num:1, unitPrice:100},1,2,3,4,5,6,7];this.a[0]={num:1,unitPrice:100};当数组a发生变化时,需要计算a中的每一个num*unitPrice的和;我选择用计算属性来求这个和,赋给变量t...原创 2019-06-05 10:28:27 · 2796 阅读 · 0 评论 -
axios实现文件上传并显示上传进度,并且在上传过程中可以进行手动取消
最近在用vue重写项目的时候,遇到了上传文件显示进度的问题,进过看axios文档,最终实现了此功能,意外发现文档中有取消的接口,故此又做了取消请求的功能,特此记录.如有不对的地方,欢迎指正.知识点:axios的onUploadProgress配置项,用于进度条的实现;axios的cancelToken,用于取消请求的实现详情可查看axios的文档:https://www.kancloud....原创 2019-05-31 11:27:05 · 6451 阅读 · 2 评论 -
vue.js动态面包屑
最近在学习vue,正好手上有个项目还是用jquery写的,就自己尝试将这个项目的前端用vue实现,途中遇到了动态面包屑的问题,特此记录一下,如有不对的地方,欢迎指正.需求描述:点击左侧的导航,跳转到不同的页面,并且根据导航的路径,动态生成面包屑.面包屑的数据均来自于左侧的导航.思路:1.面包屑作为一个单独的组件,在页面中引入.页面的结构如下:<template> ...原创 2019-05-31 10:54:45 · 2786 阅读 · 0 评论 -
vue实现tree-table
elment有实现好的tree-table组件可以用,但是自己想自己写写看,写的有点挫,但是功能都实现了,特此记录下,如有不对的地方,欢迎指正.效果图如下:可以无限级展开思路:将后端的数据处理生成树形结构,再通过深度优先算法,生成categoryList;这样就可以用table,直接v-for显示所有的类别,且对每个分类进行操作就会很方便,就跟table没有什么区别.实现代码:...原创 2019-05-31 14:12:39 · 6928 阅读 · 4 评论 -
vue-校验表单-策略模式
今天写表单校验,查看了一些设计模式的博文,发现好多都是采用策略模式来写的,而不是普通的if-esle-return来写的,看过策略模式之后发现,代码更简洁,复用性更强了,所以自己也动手写了一下,以此记录,留作参考,若有不对的地方,欢迎指正.假设有两个input框,一个是公司名称,一个是付款卡号,在提交表单的时候,有如下的校验规则:公司名称不能为空,且长度不能超过12;付款户名不能为空且长度不能...原创 2019-06-06 17:16:42 · 1038 阅读 · 0 评论