Javascript 在Vue中编译内联文本字符串

我正在Vue中构建一个简单的应用程序。很简单，我不使用组件

我将文本字符串存储在配置对象中，以便易于更改：

var config = {
    orderInvalid: "Order {{ order.id }} is invalid"
}

在Vue对象中，我将该数据推送到一个通用错误变量中：

if(orderInvalid(orderNumber)){
    this.errorMessage = config.orderInvalid;
}

My HTML显示此错误：

<h1>{{ this.errorMessage }}</h1>

{{this.errorMessage}

问题是它没有解析

{{order.id}}

，而是逐字显示该字符串。有办法解决这个问题吗？我需要

{{order.id}

作为实际的订单id。我正在查看

vue.compile

，但是它抛出了关于缺少根元素的各种错误。我猜它是为组件设计的？

这个怎么样

orderInvalid: "Order " + order.id + " is invalid"

这个怎么样

orderInvalid: "Order " + order.id + " is invalid"

---

var config

对象的

orderInvalid

属性是一个字符串，它是

“Order{{Order.id}无效”

因此，当您使用

{{this.errorMessage}}

时，您仅使用

{{“Order{{Order.id}}}无效”}

因此，我建议使用以下方法：

var config = {
    orderInvalid: function(orderId){
        return "Order " + orderId + " is invalid"
    } 
} 

然后

if(orderInvalid(orderNumber)){
    this.errorMessage = config.orderInvalid(orderNumber);
}

---

var config

对象的

orderInvalid

属性是一个字符串，它是

“Order{{Order.id}无效”

因此，当您使用

{{this.errorMessage}}

时，您仅使用

{{“Order{{Order.id}}}无效”}

因此，我建议使用以下方法：

var config = {
    orderInvalid: function(orderId){
        return "Order " + orderId + " is invalid"
    } 
} 

然后

if(orderInvalid(orderNumber)){
    this.errorMessage = config.orderInvalid(orderNumber);
}

---

把手或双胡子{{}在html中用于在html标记中使用JS代码。它主要用于在HTML代码中包含JavaScript对象

不需要在JavaScript代码本身中使用它们。如果在JavaScript代码中编写把手，则JavaScript解释器无法解释符号，因此会出现错误

在您的情况下，解决方案应该是：

var config = {
    orderInvalid: "Order " + {{ order.id }} + " is invalid"
}

更新：

var config = {
    orderInvalid: "Order " + order.id + " is invalid"
}

---

把手或双胡子{{}在html中用于在html标记中使用JS代码。它主要用于在HTML代码中包含JavaScript对象

不需要在JavaScript代码本身中使用它们。如果在JavaScript代码中编写把手，则JavaScript解释器无法解释符号，因此会出现错误

在您的情况下，解决方案应该是：

var config = {
    orderInvalid: "Order " + {{ order.id }} + " is invalid"
}

更新：

var config = {
    orderInvalid: "Order " + order.id + " is invalid"
}

---

谢谢，但那是无效的。“Uncaught SyntaxError:Uncaught-SyntaxError:Uncaught-token{”哦，完全忘了去掉那些胡子。我已经更新了答案。希望有帮助，谢谢显示错误谢谢，但那不是有效的JS。“Uncaught-SyntaxError:Uncaught-token{”哦，完全忘了剪胡子了。我已经更新了答案。希望有帮助，谢谢显示错误谢谢，理想的解决方案！谢谢，理想的解决方案！