javascript - vue3 报错 v-model value must be a valid JavaScript member expression ？

Question

 // 正常编译<childUpload v-model:fileVal="scope.row[titem.prop]"                              />// 编译报错<childUpload v-model:fileVal="`scope.row.${titem.prop}`"                             />

下面这句编译报错：

v-model:fileVal="`scope.row.${titem.prop}`

报错信息：

v-model value must be a valid JavaScript member expression

v-model不支持模板字符串不支持吗？

业务需求

预期：formConfigVal.formData.tableattachments.innerRequireAttach当成了一个属性
实际：tableattachments.innerRequireAttach当成了一个属性

Answer 1

v-model 的本质是 v-bind + v-on:update 的语法糖。

<Component v-model:foo="myFoo" /><Component :foo="myFoo" @update:foo="(v) => myFoo = v" />

你 v-bind 一个字符串倒是可以，可你怎么再对它赋值？

Answer 2

v-model 要绑定变量，字符串自然是不可以的。模板字符串本质上也是字符串。

Answer 3

v-model需要绑定的是一个变量(一个对象), 而不是一个字符串