在VueJS中将一个输入框单向绑定到另一个
Bind an inputbox one-way to another in VueJS
VueJS中是否有一种将输入框绑定到另一个输入框的方法,但只有一种方法?
我想在打字时把第1栏到第2栏复印一份。但当我开始编辑box2时,我不希望发生任何事情。(Box2还绑定到另一个VueJS字段)
我现有的jQuery on(点击)处理程序似乎被Vue否决了。。。
将第一个框绑定到v-model,然后将第二个框的"value"属性绑定到box1的model。你可以给box2自己的模型,它应该也能工作。
<div id="app">
<input type="text" v-model="box1">
<input type="text" v-model="box2" :value="box1">
</div>
vm = new Vue({
el: '#app',
data: {
box1: '',
box2: ''
}
})
明白了:)只需为该功能添加一个方法。
<input v-model="productName" v-on:keyup="updateSKU" type="text">
new Vue({
el: '#app',
data : {
productName : '',
productSku : ''
},
methods : {
updateSKU : function() {
this.productSku = this.productName.toUpperCase();
}
}
});
相关文章:
- 绑定Range输入以修改样式
- Knockout输入绑定不起作用
- javascript绑定另一个select2输入字段rails的select2 inputonchange事件的数据
- AngularJS-将数组值绑定到输入ngModel
- 指令中选择输入的双向绑定不起作用
- 将隐藏的输入绑定到角度中的模型
- 将文本输入绑定到可观察数组的值
- 材料设计余烬输入绑定不工作
- 如何将输入绑定到vue.js模型
- 输入绑定
- 使用knockout将图像源与文件输入绑定
- React + Flux——将输入绑定到单个“模型”的嵌套组件
- 如何将两个输入绑定到一个函数
- 在angular中将输入绑定到对象数组
- dom绑定中的纸张输入绑定
- 角度输入绑定两个字段
- 将文本输入绑定到指令属性
- HTML-将文本输入绑定到标签
- 如何使用文本输入绑定触发函数
- 如何清除输入绑定到谷歌位置自动完成