无效的表达式：意外的令牌＆＃x27;。＆＃x27;在原始表达中

Question

<b-field label="Username" :type="{ 'is-danger': Boolean(form.errors.username[0]) }" :message="{ form.errors.username[0]: Boolean(form.errors.username[0]) }">
    <b-input v-model="form.values.username" placeholder="Username"></b-input>
</b-field>

这给了我这个错误：

 Errors compiling template:

  invalid expression: Unexpected token '.' in

    { form.errors.username[0]: Boolean(form.errors.username[0]) }

  Raw expression: :message="{ form.errors.username[0]: Boolean(form.errors.username[0]) }"

我是Vue的新手，并且已经陷入了这个问题。有人可以帮忙吗？

Answer 1

如果您试图将消息 prop是具有form.errors.username [0]作为键的对象，则需要用[<< /code>和]例如：

:message="{ [form.errors.username[0]]: Boolean(form.errors.username[0]) }">