2017-10下旬与2017-11 项目中遇到的问题
来源:互联网 发布:clock页面置换算法 编辑:程序博客网 时间:2024/05/16 04:32
时间: 2017年10月25号项目:《钱隆归来》问题:this指向问题,在methods函数中的嵌套函数中做路由处理,使用this.$router.push({}),报错Cannot read property 'push' of undefined描述:在vue的嵌套函数中不能使用this,因为在此嵌套函数中直接使用this指的是当前函数,而在当前函数中是没有this.$router.push这个方法的解决办法:在函数外部将this赋值给一个变量self,就是指的是当前vue实例了vilidate() { var self = this this.$dialog.alert('','正在赎回,请注意查收短信',[ { title: '朕知道了', onClick() { self.$router.push({ path: '/withdraw'}) } } ])},// console.log(this)结果{__ob__: Observer}onClick:ƒ onClick()title:"朕知道了"__ob__:Observer {value: {…}, dep: Dep, vmCount: 0}get onClick:ƒ reactiveGetter()...// console.log(self)的结果VueComponent {_uid: 16, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
时间: 2017年10月25号项目:《钱隆归来》问题:给Img加动态路径,试了<img src=`${imgSrc}`>、<img src=""+imgSrc+"">、<img src={{imgSrc}}>都不管用甚至报错解决办法: 给img加:src,绑定动态属性,<img :src="imgsrc">
时间: 2017年10月26日项目:《钱隆归来》问题: 使用positon: absolute后再使用float: right 元素位置出现偏差描述:使用position: absolute后元素已脱离文档流,所以再用float: right是不管用的解决办法:也使用position: absolute 来固定元素位置。
时间:2017年10月27日项目:《钱隆归来》问题: 直接用可提现金额和输入金额做判断,当输入金额大于可提现金额时也不报错描述:直接比较是字符串比较,只看位数不看大小,应该使用浮点数来比较解决办法:if (parseFloat(this.withdrawMoney) > parseFloat(this.data.sum_money)) {
时间:2017年10月27日项目:《钱隆归来》问题:<ul @click="toggle(this)">,使用e.target.nodeName找不到描述: 应该传$event,表示此事件对象
时间:2017年10月30日项目:《钱隆归来》问题:在循环中使用了var i,循环结束后i 一直等于7,不能实现正确赋值解决办法:应使用let,在每次循环中进行赋值for (let i = 0, length = $li.length; i < length; i++) {}
时间:2017年10月30日项目:《钱隆归来》问题:点击列表项时不能显示出相应详情,描述:li包含列表项和详情项,但给li设置一个高度,导致详情项不显示li{height: 45px;}
// 提交验证码信息export function sendCodeInfo(params) { return http.post(apis.postCodeInfo, params)}
requestCodeInfo( { 'mobile': this.phone,(X) step: 1 } ).then((resp) => { return true }).catch((err) => { iakit.alert('', err.message, [ { text: '朕知道了' } ]) })
项目:《钱隆归来》时间: 2017年11月问题:短信发送验证码时应该不可用 应设disabled
项目:《钱隆归来》时间: 2017年11月问题: 父组件中给子组件加class名未生效描述:父组件给子组件传变量要用v-bind 绑定<q-button btnname="下一步" v-on:click="vilidate" v-bind:class="{ active: isActive,}"></q-button><q-button :btnname=btnname name="getViliCode" v-on:click="requestCode" v-bind:class="{ active: bgcWhite,}"></q-button>
项目:《钱隆归来》时间: 2017年11月问题:请求用户信息时提示“用户信息获取类别格式错误”描述:接口没有接收参数// 提现到卡export function rasiedCardInfo() { return http.post(apis.rasiedCardInfo, params)}应该改为:// 提现到卡export function rasiedCardInfo(params) { return http.post(apis.rasiedCardInfo, params)}
项目:《钱隆归来》时间: 2017年11月问题: 投资类型错误描述: 请求接口时传递参数错误
项目:《钱隆归来》时间: 2017年11月问题: input输入框如果输入了一位小数就返回小数位两个0,如果1个小数就返回小数位1个0,应该要写在mouseout或blur事件上,不能写在keyup事件中,因为你并不知道用户还输不输入解决办法:personalRate.mouseout(function() { this.value = toDecimal2(this.value) })
项目:《钱隆归来》时间: 2017年11月问题: 当用户输入条件不符合规则时失去焦点也返回两位小数描述: 应该要做判断,当用户输入符合规则时再调用返回两位小数的函数解决办法:personalRate.mouseout(function() { if (this.value > 0 && this.value < 99) { this.value = toDecimal2(this.value) } })
项目:《钱隆归来》官网时间: 2017年11月问题: input输入框只能输入0-99之间的数,并且只能有两位小数,使用正则表达式限制用户输入,输入后就清空,体验不好描述: 此处不应限制用户输入,应该是用户输入不符合规则时提示错误,并且按钮不变色不可用if (this.value < 0 || this.value > 99999999) { $('#perFormatFalse').css({ 'display': 'block' }) $('.perMoneyWrapper').css({ 'border': '1px solid #ff6867' }) } else { let value1 = this.value.toString() if (value1.indexOf('.') > 0) { let arr = value1.split('.') value1 = arr[0] + '.' + arr[1].substring(0, 2) this.value = value1 }
项目:《钱隆归来》官网时间: 2017年11月问题: 在每个计算机模块中,当其中一个输入框满足输入条件时,都要判断其他三个是否满足条件,此处不应该只用是否有输入值"!value"来判断,应该也要判断输入值是否符合输入条件描述: if (personalMoney.val() && personalMoney.val() > 0 && personalMoney.val() < 99999999 && personalDate.val() && personalRate.val() && personalDate2.val()) { personBtn.css({ 'background': '#ff6867' }) } else { personBtn.css({ 'background': '#ccc' }) }
项目:《钱隆归来》官网时间: 2017年11月问题: 8个输入框在未输入状态、输入时状态和已输入状态的样式都一样,所以不应该在每个输入框的事件中去控制自己的样式描述: 应该使用函数来定义公共样式,再将要改变状态样式的元素作为参数传给它,实现样式改变
项目:《趣学君官网》时间: 2017年11月10日问题: 小图标切出来有白边问题解决:在图标外边套一层,比如加个span,给span加跟图标一样的背景色,再加border-radius等属性, <span class="tip-icon"><img src="images/st-tip_03.png"></span>.tip-icon { position: relative; display: inline-block; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; font-size: 0; background: #3e81f1; > img { position: absolute; top: -1px; left: -1px; width: 26px; height: 26px; } }
项目:《趣学君官网》时间: 2017年11月10日问题:在ie9、10下都不支持display:flex属性,所以也不能使用align-itmes来垂直居中,所以如果要兼容浏览器,尽量不要使用flex属性解决方法:使用定位来解决垂直居中的问题.parent{ position: relative;}.child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
项目:《趣学君官网》时间: 2017年11月12日问题:首页“合作伙伴”处图标都有两个边框描述:原来的项目在图标外加了一个border,而这次是我直接切的带边框的图,没有仔细看清楚
阅读全文
0 0
- 2017-10下旬与2017-11 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 项目中遇到的问题
- 文件管理 yum源搭建
- Chapter 4.How Objects Behave
- 百度地图指定区域画边框
- C++双冒号和单冒号的用法区别
- LeetCode 【Operating System】(二)
- 2017-10下旬与2017-11 项目中遇到的问题
- linux基础(十五)文件打包压缩、解压解档
- ubuntu 14.04设置了静态IP不能上网的解决方法
- 搭建开源工程,通过深度卷积网络,把移动设备上的照片提高到单反级别画质
- 十六 Java异常,try...catch...finally执行流程
- 156.PHP多进程
- acA4112-20uc
- 手机端页面布局之rem
- com.android.builder.dexing.DexArchiveMergerException: Unable to merge dex