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

在开发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 `去结算`
  }
}

 

转载于:https://my.oschina.net/u/3986411/blog/2877898