Vue.js高仿饿了么之[eslint] Unexpected template string expression

原创
2018/11/18 23:21
阅读数 2.9K

在开发Vue.js高仿饿了么项目的时候,我在设计购物车计算还有差多少元起送功能时,遇到了以下错误:

[eslint] Unexpected template string expression.

代码为:

payDesc() {
  if (this.totalPrice() === 0) {
    return '¥ ${ this.minPrice }元起送'
  } else if (this.totalPrice() < this.minPrice) {
    let diff = this.minPrice - this.totalPrice
    return '还差¥ ${ diff }元起送'
  } else {
    return '去结算'
  }
}

经过一般搜索,我发现原来是ES6新语法问题,ES6新语法规定小撇号必须使用Tab上面的撇号,不能用引号,否则就会报错

修改后代码为:

payDesc() {
  if (this.totalPrice() === 0) {
    return `¥ ${ this.minPrice }元起送`
  } else if (this.totalPrice() < this.minPrice) {
    let diff = this.minPrice - this.totalPrice
    return `还差¥ ${ diff }元起送`
  } else {
    return `去结算`
  }
}

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部