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

support Switch

Browse source 
support Switch
This commit is contained in:
梁灏 2017-03-02 11:19:00 +08:00
parent e31ab8ad7e
commit 2d5ba27837
7 changed files with 41 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/switch/switch.vue
View file

@ -1,8 +1,8 @@
<template>
<span :class="wrapClasses" @click="toggle">
<span :class="innerClasses">
<slot name="open" v-if="checked"></slot>
<slot name="close" v-if="!checked"></slot>
<slot name="open" v-if="currentValue"></slot>
<slot name="close" v-if="!currentValue"></slot>
</span>
</span>
</template>
@ -13,7 +13,7 @@
export default {
props: {
checked: {
value: {
type: Boolean,
default: false
},
@ -27,12 +27,17 @@
}
}
},
data () {
return {
currentValue: this.value
}
},
computed: {
wrapClasses () {
return [
`${prefixCls}`,
{
[`${prefixCls}-checked`]: this.checked,
[`${prefixCls}-checked`]: this.currentValue,
[`${prefixCls}-disabled`]: this.disabled,
[`${prefixCls}-${this.size}`]: !!this.size
}
@ -48,9 +53,17 @@
return false;
}
this.checked = !this.checked;
this.$emit('on-change', this.checked);
this.$dispatch('on-form-change', this.checked);
const checked = !this.currentValue;
this.currentValue = checked;
this.$emit('input', checked);
this.$emit('on-change', checked);
// todo 事件
// this.$dispatch('on-form-change', this.checked);
}
},
watch: {
value (val) {
this.currentValue = val;
}
}
};