Question

有没有办法从主要外部绑定v模型输入？我将使用vue网站上的一个例子：

new Vue({
   el: '#demo',
   data: {
      message: 'Hello Vue.js!'
   }
})


<div id="demo">
   <p>{{message}}</p>
   <input v-model="message">
</div>

<input v-model="message"> // <- how to bind this

Answer 1

如果你不介意hacky解决方案，几乎可以做任何事情！

使用jQuery实现此功能的一种方法是在Vue对象的作用域内启动“message”输入，然后在加载对象后移动它。

new Vue({
   el: '#demo',
   data: {
      message: 'Hello Vue.js!'
   },
   ready: function(){
      $(this.$els.msg).appendTo('#new-location');
   }
})


<div id="demo">
   <p>{{message}}</p>
   <input v-model="message" v-el:msg />
</div>
<div id="new-location">
<!-- target location -->
</div>

vue.js，主要外部的v模型

1 个答案: