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

 // 正常编译
<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不支持模板字符串不支持吗?

业务需求

image.png

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

阅读 3.6k
3 个回答
新手上路,请多包涵

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

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

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

<Component v-model:foo="myFoo" />

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题