如何使用??VueJs模板中的操作符?



我正在尝试构建一个组件来处理我的数据的子结构的编辑。这段数据是一个对象,但在主对象中,它是可选的。所以当调用组件时,我试图使用??操作符传入空对象以避免访问undef issue。我还希望能够使用?操作符出于同样的原因。一样。

<template>
<my-sub-component :value="value.scf_rule??{}" />
</template>

然而,Vuejs真的不喜欢在我的模板上的HTML属性中的问号。我得到以下错误:

Syntax Error: SyntaxError: Unexpected token (1:93)

这应该是一个非常简单的查找在网络上,但我一直在寻找相当一段时间,这是不容易的。搜索问号实际上是不可能的,这也没有帮助。

我试过用反斜杠转义它,这似乎不起作用。有人知道如何在属性中使用问号运算符的表达式吗?我想我可以定义我自己的nvl实用函数,但这似乎有点傻。

如果您从等式中删除任何类型的构建堆栈,则可以使用您的平台支持的任何类型。你的浏览器就会像你写的那样运行代码。

否则,你只能使用你的webpack/bundle所支持的acorn解析器版本(通常是规范和提案中最终确定的所有内容,已经达到了第4阶段)。

如果你不介意你的代码被翻译成旧的JS版本,使用Babel和必要的插件。

最新更新