javascript - 在Vue中为===相等分配右值

Question

我的代码很简单:

<b-button
    v-for="t in tags" :key="t"
    :to="{ name: 'tag', params: { tag: t } }"
    :pressed.sync="t === tag"
>#{{t}}</b-button>

props: {
  tag: String,
},

但它失败了:

 SyntaxError: Assigning to rvalue (1:341)

当我删除此比较时，它会起作用:

:pressed.sync="t === tag"

如果有 "t = tag"我会理解的。甚至 Idea 都认为我的代码很好，当我使用 "t == tag" 时它会提示.

Answer 1

删除 .sync修饰符。

.sync Modifier

Note that v-bind with the .sync modifier does not work with expressions (e.g. v-bind:title.sync="doc.title + '!'" is invalid). Instead, you must only provide the name of the property you want to bind, similar to v-model.

按钮组件正在尝试将按下状态写回您提供的表达式。这就像尝试

(a === b) = c

这会引发无效的分配错误。