Improve force-enter Radiobuttons

This commit is contained in:
Matthias 2023-04-07 18:24:59 +02:00
parent d6e05b22d6
commit 948907b63e

View File

@ -19,7 +19,7 @@
<b-form-radio-group <b-form-radio-group
id="order-direction" id="order-direction"
v-model="orderSide" v-model="orderSide"
:options="['long', 'short']" :options="orderSideOptions"
name="radios-btn-default" name="radios-btn-default"
size="sm" size="sm"
buttons buttons
@ -95,8 +95,8 @@
<b-form-radio-group <b-form-radio-group
id="ordertype-input" id="ordertype-input"
v-model="ordertype" v-model="ordertype"
:options="['market', 'limit']" :options="orderTypeOptions"
name="radios-btn-default" name="radios-btn-orderType"
buttons buttons
button-variant="outline-primary" button-variant="outline-primary"
style="min-width: 10em" style="min-width: 10em"
@ -129,6 +129,15 @@ const leverage = ref<number | undefined>(undefined);
const ordertype = ref(''); const ordertype = ref('');
const orderSide = ref<OrderSides>(OrderSides.long); const orderSide = ref<OrderSides>(OrderSides.long);
const orderTypeOptions = [
{ value: 'market', text: 'Market' },
{ value: 'limit', text: 'Limit' },
];
const orderSideOptions = [
{ value: 'long', text: 'Long' },
{ value: 'short', text: 'Short' },
];
const model = computed({ const model = computed({
get() { get() {
return props.modelValue; return props.modelValue;