SyntaxError: Assigning to rvalue

Question

我在tbody

中有以下代码

<tr v-for="item in apiResponse.costGroups" :key="item.process_receipt_id">
    <td class="pl-0 pr-0">
        <el-input type="text" v-model="getCostGroupProp(item, 'process_receipt_date')" class="no-border-input-datatable"/>
    </td>
</tr>

在methods对象中，我有以下代码。

methods: {
  getCostGroupProp(costGroup, prop) {
    return costGroup[prop]
  }
}

我收到以下错误：

SyntaxError: Assigning to rvalue

然而，当我像这样编写 HTML 代码时它工作得很好。

<tr v-for="item in apiResponse.costGroups" :key="item.process_receipt_id">
    <td class="pl-0 pr-0">
        <el-input type="text" v-model="item.process_receipt_date" class="no-border-input-datatable"/>
    </td>
</tr>

我在 Whosebug 上的一个问题中读到，问题是我们不能在 v 模型中有数字。但是，我在 v-model 中没有数字，并且代码在第二种方法和相同的属性集下也能正常工作，所以我不明白为什么。

谁能帮我理解为什么会这样？我很感激。谢谢！

Answer 1

不要将 v-model 分配给方法。 v-model 是双向绑定。使用数据属性或计算属性（使用 set/get 方法）。

SyntaxError: Assigning to rvalue

SyntaxError: Assigning to rvalue

javascript

vue.js

vuejs2