40 lines
956 B
Vue
40 lines
956 B
Vue
|
<template>
|
|||
|
|
<select class="form-select form-select-sm" style="width: auto;" v-model="x_modelValue">
|
|||
|
|
<option value="1D">{{disp_direction}}1D</option>
|
|||
|
|
<option value="1W">{{disp_direction}}1W</option>
|
|||
|
|
<option value="1M">{{disp_direction}}1M</option>
|
|||
|
|
<option value="6M">{{disp_direction}}6M</option>
|
|||
|
|
<option value="1Y">{{disp_direction}}1Y</option>
|
|||
|
|
<option value="2Y">{{disp_direction}}2Y</option>
|
|||
|
|
<option value="Range">Range</option>
|
|||
|
|
</select>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
modelValue: {
|
|||
|
|
type: String,
|
|||
|
|
default: '1D'
|
|||
|
|
},
|
|||
|
|
direction: {
|
|||
|
|
default: '-1'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
x_modelValue: this.modelValue
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
disp_direction() {
|
|||
|
|
return this.direction > 0 ? '+' : this.direction < 0 ? '−' : '';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
modelValue(value) { this.x_modelValue = value; },
|
|||
|
|
x_modelValue(value) { this.$emit('update:modelValue', this.x_modelValue); }
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|