vue.js,主el之外的v-model
vue.js, v-model outside main el
有什么方法可以绑定主el外部的v-model输入吗?我将使用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
如果你不介意破解的解决方案,几乎任何事情都可以完成!
使用jQuery实现这一点的一种方法是在Vue对象的范围内启动"消息"输入,然后在加载对象后移动它。
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>
相关文章:
- JQuery需要帮助理解(i,el)
- Ember Data DS.Model's set函数不起作用
- C#asp.net mvc Set CheckBoxFor已检查的具有Model Value的属性
- Rails将JavaScript对象存储到Model的有效方式
- 从 Javascript 中设置 ng-model name
- Nano Scroller在引导程序DropDown和Model Box中不起作用
- Model中的Typeahead返回空值以形成输入字段
- 动态地从“;joint.shapes.devs.Model”;JointJS
- 如何修改或类似@model.count的内容,根据单元格值计算行数
- 更改el属性时未激发主干视图事件
- 将对Ajax PUT的json响应重定向到要由EL解析的JSP中
- Toggle Switch在包含ng model和ng repeat之后不进行切换
- 使用$(el).addClass('example');但是不要't增加负载
- 在Angularjs中,我如何使用ng repeat、ng model和ng click来动态更改内容
- Backbone model.change() not firing
- mongoose.js Model.remove在循环中只能工作一次
- vue-js-单选按钮won't默认情况下使用v-model属性进行检查
- 当与之关联的 ng-model 为 false 时,Angularjs 复选框值不会取消选中
- 从node.js应用程序调用Mongoose Model.save()时挂起
- vue.js,主el之外的v-model