number option for v-select (fixes #642)

Author: yyx990803

src/directives/model/select.js

@@ -11,11 +11,15 @@ module.exports = {
     if (optionsParam) {
       initOptions.call(this, optionsParam)
     }
+    this.number = this._checkParam('number') != null
     this.multiple = el.hasAttribute('multiple')
     this.listener = function () {
       var value = self.multiple
         ? getMultiValue(el)
         : el.value
+      value = self.number
+        ? _.toNumber(value)
+        : value
       self.set(value, true)
     }
     _.on(el, 'change', this.listener)
@@ -124,7 +128,9 @@ function checkInitialValue () {
     }
   }
   if (initValue) {
-    this._initValue = initValue
+    this._initValue = this.number
+      ? _.toNumber(initValue)
+      : initValue
   }
 }
 

test/unit/specs/directives/model_spec.js

@@ -273,6 +273,30 @@ if (_.inBrowser) {
       expect(opts[2].selected).toBe(false)
     })
 
+    it('select + number', function () {
+      var vm = new Vue({
+        el: el,
+        data: {
+          test: '1'
+        },
+        template: '<select v-model="test" number><option value="1">1</option></select>'
+      })
+      expect(vm.test).toBe('1')
+      trigger(vm.$el.firstChild, 'change')
+      expect(vm.test).toBe(1)
+    })
+
+    it('select + number initial value', function () {
+      var vm = new Vue({
+        el: el,
+        data: {
+          test: '1'
+        },
+        template: '<select v-model="test" number><option value="1" selected>1</option></select>'
+      })
+      expect(vm.test).toBe(1)
+    })
+
     it('text', function (done) {
       var vm = new Vue({
         el: el,