trying to return a value

chameleon-client/src/components/InputTab.vue

@@ -1,7 +1,7 @@
 
 <template>
     <div id="InputTab">
-        <chslider class="spacing" title="exposure"></chslider>
+        <chslider class="spacing" title="exposure" v-model="val" v-on:change="test" ></chslider>
         <chslider class="spacing" title="Brightness"></chslider>
         <chselect class="spacing" title="Orientation" placeholdert=""  :list="['Normal','Inverted']" ></chselect>
         <chselect class="spacing" title="Resolution" placeholdert="" :list="['idk']"></chselect>
@@ -16,16 +16,20 @@ import chselect from './ch-select.vue'
         name: 'InputTab',
         data () {
             return {
-                 sliders: [
-                    { id: 'lightning', value: 25 },
-                ]
+                val
             }
         },
         components: {
             chslider,
             chselect
+        },
+        methods:{
+            test(){
+                console.log(val);
+            }
         }
     }
+    
 </script>
 
 <style scoped>

chameleon-client/src/components/ch-slider.vue

@@ -8,7 +8,7 @@
                     <InputNumber v-model="value" size="small"></InputNumber>
                 </col>
                 <Col span="14">
-                    <Slider style="margin-left:5px;" v-model="value"></Slider>
+                    <Slider style="margin-left:5px;" v-model="value" @on-input="$emit('change',value)"></Slider>
                 </col>
         </row>
 </template>
@@ -16,11 +16,13 @@
 <script>
     export default {
         name: 'ch-slider',
-        props:['title'],
+        props:['title','value'],
         data() {
             return {
                 value :0
             }
+        },
+        methods:{
         }
     }
 </script>