vue下拉框值改变事件_vue如何监听select的change事件?
现在需求是这样的:select中有3个option,每个option有各自的编号number、操作人员person,现在需要监听select的change事件,更换option时相应的编号和操作人员会赋值给输入框中,如何实现?vue的v-model方法pass掉,求其他办法。更新:html:{{key+1}}{{ opt.drug }}{{number}}{{ opt.store }}script
现在需求是这样的:
select中有3个option,每个option有各自的编号number、操作人员person,现在需要监听select的change事件,更换option时相应的编号和操作人员会赋值给输入框中,如何实现?
vue的v-model方法pass掉,求其他办法。
更新:
html:
{{key+1}}{{ opt.drug }}
{{number}}{{ opt.store }}
script:
methods: {
chooseMedicine:function(rowItem){
rowItem.unit = '只';
rowItem.price = 5;
},
addTr: function () {
var trItem = {
medicine:"",
number:"",
size:"",
use:"",
unit:"",
way:"",
rate:"",
amount:"",
price:"",
money:"",
stores:"",
del:""
};
this.items.push(trItem);
},
deletes: function (key) {
var totalMoney = 0;
if(confirm('是否确认删除?')) {
this.items.splice(key, 1);
for (var i = 0; i < this.items.length; i++) {
totalMoney += parseFloat(this.items[i].money);
}
this.total = totalMoney.toFixed(2);
}else{
}
},
multiply: function (item,key) {
var totalMoney = 0;
item.money = (parseFloat(item.amount) * parseFloat(item.price)).toFixed(2);
if(isNaN(item.money)){
item.money = '0.00';
}else{
item.money = item.money;
}
for (var i = 0; i < this.items.length; i++) {
totalMoney += parseFloat(this.items[i].money);
if(isNaN(totalMoney)) {
this.total = '';
}else{
this.total = totalMoney.toFixed(2);
}
}
}
}
二次更新:三张图分别为默认、选择下拉框内容(console.log能出来值 但函数没赋值给相应的input)、增加一行(函数赋值给相应的input)
更多推荐
所有评论(0)