红叶都枫了163

2020年4月22日

摘要：查了诸如vant，mint组件上并没有找到期望的这种效果(cube组件上有，但项目中实在不想再引入一个第三方的组件库了)，但实际上在移动端app开发中很常见的一个效果。于是按照自己的思路将这个效果做了出来，效果是： 1.左右两栏可以分别独立滑动，（首先要完成这个基础样式效果） 2.点击左边选项卡，阅读全文

posted @ 2020-04-22 11:57 红叶都枫了163 阅读(1679) 评论(0) 推荐(0) 编辑

vue实现左右两列竖直分别滑动，且双向关联的选项卡（一）

摘要：先完成‘左右两列竖直分别滑动，相互之间不存在任何关联’的页面样式： <t emplate> <div> <div class="flex-between all"> <div class="left" id=‘left’> <span v-for="n in 16" :key="n">{{n}}</ 阅读全文

posted @ 2020-04-22 11:55 红叶都枫了163 阅读(1358) 评论(0) 推荐(0) 编辑

2020年4月21日

根据对象的某个字段（值为数字）排序

摘要： methods方法： //降序goalsUP(x,y){ return y.goals-x.goals; }, //升序 goalsUP(x,y){ return x.goals-y.goals }, 使用: this.dataList = ftableSort.sort(this.goalsUP) 阅读全文

posted @ 2020-04-21 19:45 红叶都枫了163 阅读(360) 评论(0) 推荐(0) 编辑

2020年4月20日

如何将data中字符传的换行正常显示

摘要：后端传来的字符串有换行符：直接输出的效果：解决方法demo： <p class="" v-html="text"></p> js： let str=res.rows[0].text.replace(/\n/g,"<br/>") this.text = str 效果：阅读全文

posted @ 2020-04-20 19:41 红叶都枫了163 阅读(382) 评论(0) 推荐(0) 编辑

2020年4月10日

记录一个解决固定定位内容不能滚动的方法（vant组件tab必用的css样式）

摘要： vant组件下边是循环出来的，在开发中这部分必定是个单独的组件，内容溢出时添加滚动的样式，当然这个需要写在外部引入的自定义的vant组件样式当中 .van-tabs__content{ width: 100%; height: 100%; position: fixed; left: 0; z-in 阅读全文

posted @ 2020-04-10 13:58 红叶都枫了163 阅读(7244) 评论(1) 推荐(0) 编辑

2020年4月2日

记录两种路由传值取值方式及优缺点

摘要：一.query路由传值 this.$router.push({path:'./footDetail',query:{posterFotDetail}}) 取值： mounted:function(){ console.log(this.$route.query.posterFotDetail) } 阅读全文

posted @ 2020-04-02 17:29 红叶都枫了163 阅读(444) 评论(0) 推荐(0) 编辑

2020年3月31日

记录一个vue路由拦截效果的小技巧

摘要：使用一句三元表达式， <router-link class="flex-left left" tag="div" :to="loginState?'/loginOut':''"> loginState相当于登录状态的flag，可以从localstrage中获取判断token来判断登录状态 <img 阅读全文

posted @ 2020-03-31 11:30 红叶都枫了163 阅读(212) 评论(0) 推荐(0) 编辑

2020年3月28日

上传视频图片（包含调摄像机，相册）功能

摘要：将这个包组件写的看鞥不能摄像头，不行就换成浏览器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini 阅读全文

posted @ 2020-03-28 15:10 红叶都枫了163 阅读(262) 评论(0) 推荐(0) 编辑

vue-hbuilder打包-调取摄像头或上传图片

摘要：方法一： <input type="file" accept="image/*" capture="camera" > 方法二：使用vant组件 1.下载，安装，配置main.js 2.<van-uploader :after-read="afterRead" accept='image/*' c 阅读全文

posted @ 2020-03-28 14:52 红叶都枫了163 阅读(1757) 评论(0) 推荐(0) 编辑

vue使用websoket（非封装）

摘要：上代码： create：function(){ this.initWebpack() } methods：{ initWebpack(){//初始化websocket let user = JSON.parse(localStorage.getItem('user')) let userId = u 阅读全文

posted @ 2020-03-28 11:25 红叶都枫了163 阅读(122) 评论(0) 推荐(0) 编辑

红叶都枫了163

有点暗，开个灯，谢谢

公告