vue和element ui 下拉框select的change事件

1 在线编辑测试工具

https://jsfiddle.net/api/post/library/pure/

编辑好代码后点击 run 即可

2.1 html部分

https://jsfiddle.net/znebqjvL/1/?utm_source=website&utm_medium=embed&utm_campaign=znebqjvL

[html]view plaincopy

1. <divid="app">
2. <buttontype="button"class=click="add">新增</button>
3. <tableclass=>
4. <thead>
5. <tr>
6. <thwidth="100px"></th><th></th><th></th>
7. <th></th><th></th><th></th>
8. <th></th><th></th>
9. </tr>
10. </thead>
11. <tbody>
12. <trv-for=>
13. <td>
14. <selectv-model="selected"class="form-control"change=>
15. <optionvalue="">空</option>
16. <option:value="drug"v-for=></option>
17. </select>
18. </td>
19. <td><inputtype="text"class="form-control"placeholder="use"v-model="item.use"></td>
20. <td><inputtype="text"class="form-control"placeholder="unit":value="getDrug(item.drug_id).unit"></td>
21. <td><inputtype="text"class="form-control"placeholder="rate"v-model="item.rate"></td>
22. <td><inputtype="text"class="form-control"placeholder="amount":value="item.amount"input=></td>
23. <td><inputtype="text"class="form-control"placeholder="price":value="getDrug(item.drug_id).price"></td>
24. <td><inputtype="text"class="form-control"placeholder="money":value="item.money"></td>
25. <td><buttontype="button"class=click="remove(itemIndex)">删除</button></td>
26. </tr>
27. <trv-if="!items.length">
28. <tdcolspan="8"class="empty">尚未新增任何资料</td>
29. </tr>
30. <tr>
31. <tdcolspan="8"class="right"></td>
32. </tr>
33. </tbody>
34. </table>
35. <hr>
36. <p>
37. <pre>
39. </pre>
40. </p>
41. </div>

2.2 js部分

[html]view plaincopy

33. d>d.id
37. drugthis
39. money
41. item.moneyisNaN
48. this.totalMoneyparseFloati>>
54. item.drug_idparseInt
58. amountparseFloat
60. item.amount
63. item.amountamount
67. item.amount0

2.3 css部分

[html]view plaincopy