Javascript 输入的隐藏值不适用于VUE JS

vue中的隐藏值不起作用

<template>
  <form class="form-inline" type="POST" @submit.prevent="insertComment" role="form">
    {{ csrf_field() }}
    <div class="form-group">
      <input class="form-control" type="text" name="text" v-model="newcomment.text" placeholder="Your comments" />
      <input type="text" name="post_id" v-model="newcomment.post_id" value="@{{items.id}}" />
    </div>
    <div class="form-group">
      <input type="submit" class="btn btn-default" value="Enviar">
    </div>
  </form>
</template>

一个输入的v模型不工作

<template>
  <form class="form-inline" type="POST" @submit.prevent="insertComment" role="form">
    {{ csrf_field() }}
    <div class="form-group">
      <input class="form-control" type="text" name="text" v-model="newcomment.text" placeholder="Your comments" />
      <input type="text" name="post_id" v-model="newcomment.post_id" value="@{{items.id}}" />
    </div>
    <div class="form-group">
      <input type="submit" class="btn btn-default" value="Enviar">
    </div>
  </form>
</template>

{{csrf_field（）}}

v-model=“newcomment.post_id”

值为

null

---

如何解决这个问题？

我假设您使用的是vue 2，而您所要求的基本上可以归结为输入的默认值

vuejs 2中已删除属性内部的插值。因此

value=“@{{{items.id}}”

不是法律声明

v-model

固有传递

：值已传递。因此，再次将其传递给
value=“@{{items.id}}”
可能导致意外行为

因此，如上所述，
v-model
只是语法上的糖：

请参阅实现输入默认值时应使用的模式：

<template>
  <form class="form-inline" type="POST" @submit.prevent="insertComment" role="form">
    <div class="form-group">
      <input  v-model="newcomment.post_id"/>
    </div>

  </form>
</template>

<script>
export default {
  data() {
    return {
      newcomment: {
        post_id: 'this is default value'
      }
    }
  }
}
</script>

导出默认值{
数据（）{
返回{
新成员：{
post_id:'这是默认值'
}
}
}
}

{{csrf_field（）}}
导出默认值{
数据（）{
返回{
newcomment.post\u id:\u this.items.id
}
}
}

---

---

v型和：值都相同。

是否显示部件代码？我猜这是因为您还试图设置值

value=“@{{items.id}}”

，它可能会干扰

v-model

。应在组件

数据中设置输入的默认值

我要将items.id传递给模型data@EricGuan我不知道怎么解决这个问题。。