2020年2月16日

vue props 单项数据流

摘要: 父组件传递动态值showStoreList,子组件通过props接收,但是如果在子组件中直接使用并修改这个值会报错; 因为父级的更新会传递给子组件,但是反过来则不行; 这种情况下,可以使用computed或watch来获取props中的值 阅读全文
posted @ 2020-02-16 14:15 shysun 阅读(155) 评论(0) 推荐(0) 编辑
2019年9月25日

vue移动端安卓机上键盘弹起时把底部菜单顶起来

摘要: 1. ios和安卓的键盘弹起方式不同, ios直接弹出键盘, 不影响页面, 而安卓键盘弹起时会把页面顶起来, 这样就会把底部菜单顶起来了, 绝对定位也没用; 2. 解决思路: 页面进来时获取默认的屏幕高度, 定义一个值, 用来监听实时屏幕的高度, 当实时屏幕高度小于默认高度时, 说明键盘弹起来了, 阅读全文
posted @ 2019-09-25 14:19 shysun 阅读(2258) 评论(0) 推荐(0) 编辑
2019年9月3日

vue 双向绑定动态绑定值无效

摘要: 代码如: {{item.title}} export default { data() { return { traineeCoursework: {}, questionsArr: [] } } } 预想效果, 在input中修改item.title的值, 下面的{{item.title}}会跟着 阅读全文
posted @ 2019-09-03 20:10 shysun 阅读(2479) 评论(0) 推荐(0) 编辑
2019年5月25日

vue .number修饰符

摘要: 项目中遇到这样一个问题, 某个input框用来输入价格之类的数字, 我想对input的取值区间做判断, 但是发现输入后变成了String类型, 所以用了vue中的.number修饰符, 这样就可以获得Number类型了, 很方便 <el-input v-model.number="memberLev 阅读全文
posted @ 2019-05-25 16:21 shysun 阅读(771) 评论(0) 推荐(0) 编辑
2019年3月3日

vue中数据更新视图不更新的问题

摘要: 遇到这样一个问题, 代码如下: this.memberLevelList.forEach(item => { item.levelDate = [item.startTime, item.endTime]; }) startTime和endTime是从后台获取的数据, 但是模板中需要levelDat 阅读全文
posted @ 2019-03-03 15:37 shysun 阅读(1839) 评论(0) 推荐(0) 编辑

往数组中push对象, 会覆盖之前push的值

摘要: 错误代码: var obj = { a: 123, b: 234, c: 345}; var array = [ ]; var resultObj = { }; for(var i = 0; i < obj.length; i++) { resultObj.name = obj[i]; array. 阅读全文
posted @ 2019-03-03 15:09 shysun 阅读(5171) 评论(0) 推荐(1) 编辑
2019年1月6日

setTimeout 0

摘要: 做上滑加载的时候, 需要计算各div的高度, 但是有的div是动态生成的, 所以页面刚进来, 有可能没有数据, 那么计算高度时, offsetHeight可能会报错, 可以用setTimeout 0, 等页面所有元素加载完成后再去执行, 算高度, 这样就不会报错了. 另外, 算高度时, 自己写的di 阅读全文
posted @ 2019-01-06 12:58 shysun 阅读(208) 评论(0) 推荐(0) 编辑
2018年12月8日

趁热打铁(如何改bug)

摘要: 一个bug缠绕了我好久好久, 最后找到原因,是一个单词写错了, 想锤死我自己. 干脆总结一下找八阿哥的方法: 1. 先检查单词有没有写错, data中的, 模板中的, 会经常用到的变量, 有没有错; 2. 如果是页面渲染错误, 先检查报错信息, 找到对应行数, 如果没有报错, 按照后端需要的格式写一 阅读全文
posted @ 2018-12-08 17:01 shysun 阅读(135) 评论(0) 推荐(0) 编辑
2018年12月5日

element el-input的autofocus失效问题解决

摘要: autofocus是input的原生属性,饿了么组件也支持这种方法, 但是input外面还有其他组件, 导致autofocus失效, 只能手动调用focus方法 阅读全文
posted @ 2018-12-05 17:18 shysun 阅读(6083) 评论(0) 推荐(1) 编辑
2018年10月15日

为什么要将图片转为base64格式

摘要: 图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址; 1. 提升性能: 网页上的每一个图片,都是需要消耗一个 http 请求下载而来的, 图片的下载始终都要向服务器发出请求,要是图片的下载不用向服务器发出请求,base64可以随着 HTML 的下载同时下载到本 阅读全文
posted @ 2018-10-15 19:14 shysun 阅读(10553) 评论(2) 推荐(3) 编辑