Data binding 在没有v型和数据绑定的情况下为输入赋值

在我的v-for中，我需要用一些文本初始化一些输入字段，而不将其绑定到对象。目前我正在尝试：

<div v-for="item in allItems">
  <input type="text" class="header-title" value="item.name"></input>
</div>

---

但是item.name会打印在输入中，而不是项目名称。如何实现这一点？

您可以仅使用

ref

属性让输入显示

项的值

只需添加
ref=''
并将其值映射到挂载函数中的输入值


newvue({
el:“#应用程序”，
数据（）{
返回{
allItems：[
{name:'foo'}，
{name:'bar'}
]
}
},
挂载（）{
让自我=这个；
此.$refs.inp.map（（m，k）=>{
m、 value=self.allItems[k].name
})
}
})
v-model
只是
:value
和事件（通常是
@input
）的语法糖。见文件

您可以传递一个noop函数
（）=>{}
来取消值更新，或者对新值执行任何操作，也可以将其分配给另一个对象

注意：
元素是无效的，它们不需要结束标记


newvue({
el:“#应用程序”，
数据（）{
返回{
所有项：[{name:'foo'}，{name:'bar'}]
}
},
})

{{item.name}
将
value=“item.name”
更改为
：value=“item.name”
@Nora OP不想使用绑定我是唯一不清楚这个问题的人吗？你说的“不绑定”是什么意思？只读？