Vue.js version

2.0.3

Reproduction Link

https://jsfiddle.net/e4mxqbfv/1/

Steps to reproduce

Change the selected option an look at the output in <pre> element below.

What is Expected?

Selected number type should be a Number because <select> element is bound to a variable (model) and has .number modifier: <select v-model.number="perpage">.

What is actually happening?

Vue fails to cast the selected value to Number, it remains a String.

Workarounds

Some people have suggested binding the value <option :value="10">10</option>, but that's a workaround, not a fix. It's be great if the modifier worked on <select> too or at least there would be a notice in the documentation.