You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
942 B
36 lines
942 B
import { VantComponent } from '../common/component'; |
|
VantComponent({ |
|
field: true, |
|
classes: ['node-class'], |
|
props: { |
|
checked: null, |
|
loading: Boolean, |
|
disabled: Boolean, |
|
activeColor: String, |
|
inactiveColor: String, |
|
size: { |
|
type: String, |
|
value: '30', |
|
}, |
|
activeValue: { |
|
type: null, |
|
value: true, |
|
}, |
|
inactiveValue: { |
|
type: null, |
|
value: false, |
|
}, |
|
}, |
|
methods: { |
|
onClick() { |
|
const { activeValue, inactiveValue, disabled, loading } = this.data; |
|
if (disabled || loading) { |
|
return; |
|
} |
|
const checked = this.data.checked === activeValue; |
|
const value = checked ? inactiveValue : activeValue; |
|
this.$emit('input', value); |
|
this.$emit('change', value); |
|
}, |
|
}, |
|
});
|
|
|