Что бы получить выбранное значение из select
нужно, в v-model
указать переменную в data
с которой это значение будет связано. Например selected
.
<div class="md-layout">
<div class="md-layout-item md-size-100 md-small-100">
<md-field>
<label>Формат печати</label>
<md-select v-model="selected">
<md-option v-for="format in templates" :value="format" :key="format">{{ format }}</md-option>
</md-select>
</md-field>
</div>
</div>
<md-button class="md-raised" @click="testPrint()">Тестовая печать</md-button>
Затем это значение можно будет получить в любом методе, хуке, вычисляемом свойстве и т.д. через this
.
<script>
export default{
data(){
return {
selected: null
}
},
methods:{
testPrint(){
alert(this.selected);
}
}
</script>
Если его нужно вывести в template
, то this
не нужно использовать.
<template>
<!-- вывод selected в шаблоне -->
{{selected}}
<div class="md-layout">
<div class="md-layout-item md-size-100 md-small-100">
<md-field>
<label>Формат печати</label>
<md-select v-model="selected">
<md-option v-for="format in templates" :value="format" :key="format">{{ format }}</md-option>
</md-select>
</md-field>
</div>
</div>
</template>
Это всё должно сработать при условии, что внутри компонента md-select правильно прокинута v-model.