added emit and val return to all costume elements

This commit is contained in:
ori agranat
2019-03-23 14:33:02 +02:00
parent 7c017f7d3a
commit 45a972da1f
4 changed files with 25 additions and 8 deletions

View File

@@ -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: {

View File

@@ -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>

View File

@@ -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);
}
}
}

View File

@@ -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);
}
}
}