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:

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)