项目中遇到的问题2017.10-2017.11

时间: 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,而这次是我直接切的带边框的图,没有仔细看清楚
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,319评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,801评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,567评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,156评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,019评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,090评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,500评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,192评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,474评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,566评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,338评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,212评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,572评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,890评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,169评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,478评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,661评论 2 335

推荐阅读更多精彩内容