diff --git a/chameleon-client/src/components/InputTab.vue b/chameleon-client/src/components/InputTab.vue
index ca31af1f2..33702b615 100644
--- a/chameleon-client/src/components/InputTab.vue
+++ b/chameleon-client/src/components/InputTab.vue
@@ -1,9 +1,9 @@
 
 <template>
     <div id="InputTab">
-        <chslider class="spacing" title="exposure" v-model="val" v-on:input="onChange(val)"></chslider>
+        <chslider class="spacing" title="exposure" v-model="expval" v-on:input="onChange(expval)"></chslider>
         <chslider class="spacing" title="Brightness"></chslider>
-        <chselect class="spacing" title="Orientation" placeholdert=""  :list="['Normal','Inverted']" ></chselect>
+        <chselect class="spacing" title="Orientation" placeholdert=""  :list="['Normal','Inverted']" v-model="OrientationVal" v-on:input="onChange(OrientationVal)" ></chselect>
         <chselect class="spacing" title="Resolution" placeholdert="" :list="['idk']"></chselect>
         </div>
 
@@ -16,7 +16,8 @@ import chselect from './ch-select.vue'
         name: 'InputTab',
         data () {
             return{
-                val
+                expval,
+                OrientationVal
             }
         },
         components: {
diff --git a/chameleon-client/src/components/SystemTab.vue b/chameleon-client/src/components/SystemTab.vue
index 84de13a87..f895dd0e2 100644
--- a/chameleon-client/src/components/SystemTab.vue
+++ b/chameleon-client/src/components/SystemTab.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="SystemTab">
-        <chInputNumber title="Enter Team Number"></chInputNumber>
+        <chInputNumber title="Enter Team Number" v-model="TeamVal" v-on:input="onChange(TeamVal)"></chInputNumber>
     </div>
 </template>
 
@@ -10,11 +10,16 @@
         name: 'SystemTab',
         data() {
             return {
-                value
+                TeamVal
             }
         },
         components:{
             chInputNumber
+        },
+        methods: {
+            onChange(i) {
+                console.log(i);
+            }
         }
     }
 </script>
diff --git a/chameleon-client/src/components/ch-inputNumber.vue b/chameleon-client/src/components/ch-inputNumber.vue
index d84f12b9d..c8561adc7 100644
--- a/chameleon-client/src/components/ch-inputNumber.vue
+++ b/chameleon-client/src/components/ch-inputNumber.vue
@@ -5,7 +5,7 @@
             <h4>{{title}}</h4>
         </Col>
         <col span="4">
-        <InputNumber :min="0" v-model="value" size="small"></InputNumber>
+        <InputNumber :min="0" v-model="value" size="small" @on-change="handleInput"></InputNumber>
         </col>
     </row>
     </div>
@@ -17,7 +17,12 @@
         props:['title'],
         data() {
             return {
-                value
+                content:this.value
+            }
+        },
+        methods: {
+            handleInput() {
+                this.$emit('input',this.value);
             }
         }
     }
diff --git a/chameleon-client/src/components/ch-select.vue b/chameleon-client/src/components/ch-select.vue
index 9a858e1e3..02d110e0b 100644
--- a/chameleon-client/src/components/ch-select.vue
+++ b/chameleon-client/src/components/ch-select.vue
@@ -5,7 +5,7 @@
              
                 </Col>
                 <col span="12">
-                    <i-select v-model="value" size="small" style="width:400px" v-bind:placeholder="placeholdert">
+                    <i-select v-model="value" size="small" style="width:400px" v-bind:placeholder="placeholdert" @on-change="handleInput">
                         <i-option v-for="item in list" :value="item" :key="item">{{item}}</i-option>
                     </i-select>
                 </col>
@@ -22,6 +22,12 @@
         },
         data() {
             return {
+                content:this.value
+            }
+        },
+        methods: {
+            handleInput() {
+                this.$emit('input',this.value);
             }
         }
     }