fix vuejs#310 v-style fails with number values

Evan You · Evan You · commit a49e5616dde4 · 2014-06-12T14:25:22.000-04:00
diff --git a/src/directives/style.js b/src/directives/style.js
@@ -19,8 +19,11 @@ module.exports = {
     update: function (value) {
         var prop = this.prop,
             isImportant
+        /* jshint eqeqeq: true */
+        // cast possible numbers/booleans into strings
+        if (value != null) value += ''
         if (prop) {
-            if (value){
+            if (value) {
                 isImportant = value.slice(-10) === '!important'
                     ? 'important'
                     : ''
diff --git a/test/unit/specs/directives.js b/test/unit/specs/directives.js
@@ -715,6 +715,14 @@ describe('Directives', function () {
             assert.strictEqual(d.el.style.color, 'rgb(255, 255, 255)')
         })
 
+        it('should work with numbers', function () {
+            var d = mockDirective('style')
+            d.arg = 'line-height'
+            d.bind()
+            d.update(0)
+            assert.strictEqual(d.el.style.lineHeight, '0')
+        })
+
     })
 
     describe('cloak', function () {
