Merge pull request #2 from juanbrujo/master

add placeholder as prop
joseluisq · Mar 17, 2018 · 71d3c27 · 71d3c27
2 parents d0f675a + a8254fd
commit 71d3c27
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/app/app.vue b/app/app.vue
@@ -17,6 +17,7 @@
         :min="options.min"
         :max="options.max"
         :maxlength="options.maxlength"
+        :placeholder="options.placeholder"
         @onInputNumberChange="inputChange"></input-number>
     </p>
 
@@ -42,7 +43,8 @@ export default class App extends Vue {
     step: 1,
     min: 1,
     max: 100,
-    maxlength: 3
+    maxlength: 3,
+    placeholder: ''
   }
 
   inputValue: number = 1

diff --git a/index.vue b/index.vue
@@ -14,7 +14,10 @@
         > <i class="v-input-number-icon"></i> </a>
     </div>
 
-    <input type="text" :maxlength="maxlength" autocomplete="off"
+    <input type="text" 
+      :maxlength="maxlength" 
+      autocomplete="off"
+      :placeholder="placeholder"
       class="v-input-number-input"
       v-model.number="quantity"
       @keyup="onKeyup($event)"
@@ -55,6 +58,10 @@ export default {
       type: Number,
       default: 4
     },
+    placeholder: {
+      type: String,
+      default: ''
+    }
   },
 
   data () {