Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-18 04:01:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

make select work without v-model #389

Browse source
This commit is contained in:
Marcos Moura 2017-02-02 19:43:11 -02:00
parent f4e838fec7
commit 3b6df89315
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/mdSelect/mdSelect.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="md-select" :class="[themeClass, classes]">
<md-menu :md-close-on-select="!multiple" @opened="$emit('open')" @closed="$emit('close')">
<span class="md-select-value" md-menu-trigger ref="value">{{ selectedText || multipleText || placeholder }}</span>
<span class="md-select-value" md-menu-trigger ref="value">{{ selectedText || placeholder }}</span>
<md-menu-content class="md-select-content" :class="[themeClass, contentClasses]">
<slot></slot>
@ -9,7 +9,8 @@
</md-menu>
<select :name="name" :id="id" :required="required" :disabled="disabled" tabindex="-1">
<option :value="value">{{ value }}</option>
<option selected="true" :value="selectedValue" v-if="!multiple">{{ selectedText }}</option>
<option selected="true" v-for="option in multipleOptions" v-if="option.value" :value="option.value">{{ option.text }}</option>
</select>
</div>
</template>
@ -37,7 +38,6 @@
return {
selectedValue: null,
selectedText: null,
multipleText: null,
multipleOptions: {},
options: {},
optionsAmount: 0