apb/vue-poc
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix v-col

Browse source
This commit is contained in:
Andy Bunce 2017-05-23 22:32:15 +01:00
parent 40a9afb8b5
commit f3aeff3c1c
3 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/vue-poc/static/app-gen.js
View file

@ -425,19 +425,20 @@ const Select=Vue.extend({
</v-card-title>
</v-card-row>
<v-card-text>
<v-card-row>
<v-col xs6="">
<v-layout>
<v-flex xs6="">
<p>some text</p>
<multiselect v-model="value" :options="options" @search-change="asyncFind" :loading="isLoading" placeholder="select one"></multiselect>
<pre>{{$data.value }}</pre>
</v-col>
</v-flex>
<v-col xs6="">
<v-flex xs6="">
<p>multi select</p>
<multiselect v-model="value2" :options="options" multiple="" placeholder="Select many"></multiselect>
<pre>{{$data.value2 }}</pre>
</v-col>
</v-card-row>
</v-flex>
</v-layout>
</v-card-text>
<v-card>
</v-card></v-card></v-container>

2
src/vue-poc/static/app.html
View file

@ -55,7 +55,7 @@
<v-divider></v-divider>
<v-list-item v-for="item in items" :key="item">
<v-list-tile :href="item.href" router="true" ripple="true">
<v-list-tile :href="item.href" router ripple>
<v-list-tile-action>
<v-icon>{{ item.icon }}</v-icon>

13
src/vue-poc/templates/select.vue
View file

@ -9,21 +9,22 @@
</v-card-title>
</v-card-row>
<v-card-text>
<v-card-row>
<v-col xs6>
<v-layout>
<v-flex xs6>
<p>some text</p>
<multiselect v-model="value" :options="options" @search-change="asyncFind" :loading="isLoading"
placeholder="select one"></multiselect>
<pre>{{$data.value }}</pre>
</v-col>
</v-flex>
<v-col xs6 >
<v-flex xs6 >
<p>multi select</p>
<multiselect v-model="value2" :options="options" multiple
placeholder="Select many"></multiselect>
<pre>{{$data.value2 }}</pre>
</v-col>
</v-card-row>
</v-flex>
</v-layout>
</v-card-text>
<v-card>
</v-container>