Vue.js v-for和v-model

错误：'v-model'指令无法更新迭代变量'msg'本身vue/valid-v-model

<div v-for="(msg,name) in normal" :key="name">
<input type="text" v-model="msg">
</div>
    <script>
export default{
data(){
normal: {
        position: "bottom",
        message: "",
        open: false,
        timeout: 1500,
      }}}
</script>

导出默认值{
数据（）{
正常：{
位置：“底部”，
消息：“”，
开：错，
超时：1500，
}}}

您需要直接从数据编辑数组/对象变量。当访问“for”循环中的“msg”时，您只获得项值的副本，而不是对对象/数组项的引用

正确的用法是：

<div v-for="(msg, name) in normal" :key="name">
   <input type="text" v-model="normal[name]">
</div>

根据您的代码，应该有4个输入。在normal.message中键入一些内容。输入仍然为空？您需要对此提供一些帮助。请通过编辑对您的答案进行解释，以便其他人可以从itOops中学习，这是我的错，我键入

v-model=“normal['name']”

，并将错误设置为

数据

而不是

日期