Vue绑定值输入

Question

我有一个输入循环

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

并在里面输入

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

我可以将它绑定到任何属性（例如数据 - 一些）但我不能将它绑定到value属性。 为什么以及如何解决这个问题？

我不能这样做

value="{{role.name}}" 

因为它已经弃用了

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

这就是我得到的：

正如你所看到的，role.name已被绑定到自定义attr“data-some”和value - 根本不存在。

Answer 1

我弄明白了。 问题 - 那部分是由我克隆到另一个地方的

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

而且我期望与原始元素相同的反应行为。

Ofc，这不行。