VUE 如何让JS/JQ创建的DOM元素双向数据绑定? 比如新建一个input元素,如何绑定v-model

幸福里的人
  • 89
var input = $('<input style="width:100px; height:30px;" type="text" name="" autocomplete="off" class="layui - input" v-model="accountName">')
$('body').append(input);

比如这样我用JQ创建的DOM就不能够绑定,该怎么做可以办到

回复
阅读 993
2 个回答
✓ 已被采纳

其实你在template中看到的DOM不是真正意义上的DOM.

如果你需要手动人工创建一个基于DOM的元素并手动插入到DOM树中, 可以将它视为一个组件.

  1. 创建一个vue component.
  2. 用vm.extend方式继承并创建一个vue实例.
  3. 通过人工 vm.$mount()的方式编译
  4. 然后将其append到body里.

你可以参考官方关于 extend() 和 mount() 的介绍

https://cn.vuejs.org/v2/api/#...

不要用jquery的思想来用vue......
不知道怎么用vue实现的话, 你可以把你的需求说出来

你知道吗?

宣传栏