javascript - Vue 将值绑定(bind)到输入

Question

我有一个输入循环

<li v-for="role in ...">
    {{-some html-}}
</li>

并在里面输入

<input type="text" :data-some="role.name" :value="role.name" name="name" ....>

我可以将它绑定(bind)到任何属性(例如 data-some)，但我无法将它绑定(bind)到 value 属性。为什么以及如何解决这个问题？

我不能这样做

value="{{role.name}}" 

自从它被弃用以来

我不想创建另一个数据并使用 v-model，因为我只需要输出值

这就是我得到的:

如您所见，role.name 已绑定(bind)到自定义属性“data-some”和值 - 根本不存在。

Answer 1

我用这个就明白了。 问题 - 该部分被我通过

克隆到另一个位置

var divWithReactiveInput = document.querySelector('.someclass')
document.querySelector('.someclass').innerHtml = divWithReactiveInput.innerHtml

我期望与原始 elem 相同的 react 行为。

Ofc，这行不通。