drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch add loading prop

Browse source
This commit is contained in:
梁灏 2018-06-22 10:14:13 +08:00
parent ac2f8493b1
commit eb7f31db00
3 changed files with 65 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
examples/routers/switch.vue
View file

@ -1,15 +1,16 @@
<template>
<div>
<i-switch v-model="m1" true-value="yes" false-value="no">
<i-switch v-model="m1" :loading="loading">
<span slot="open">开</span>
<span slot="close">关</span>
</i-switch>
{{ m1 }}
<div @click="m1 = 'no'">toggle</div>
<div @click="m1 = !m1">toggle</div>
<div @click="loading = !loading">loading</div>
<br><br>
<i-switch size="large"></i-switch>
<i-switch size="large" loading></i-switch>
<i-switch></i-switch>
<i-switch size="small"></i-switch>
<i-switch size="small" v-model="m1" :loading="loading"></i-switch>
<br><br>
<i-switch>
<span slot="open">开</span>
@ -24,7 +25,7 @@
<span slot="open">开启</span>
<span slot="close">关闭</span>
</i-switch>
<i-switch size="large">
<i-switch size="large" v-model="m1" :loading="loading">
<span slot="open">ON</span>
<span slot="close">OFF</span>
</i-switch>
@ -37,8 +38,9 @@
export default {
data () {
return {
m1: 'yes',
disabled: true
m1: true,
disabled: true,
loading: false
}
},
methods: {