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

Support trueValue and falseValue for radio

Browse source
This commit is contained in:
Rijn 2017-08-09 10:07:38 -05:00
parent a81253ecd4
commit d24f508248
2 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
examples/routers/radio.vue
View file

@ -1,11 +1,13 @@
<template>
<div>
<Radio true-value="true" false-value="false" v-model="testValue">test</Radio> {{ testValue }}
<Radio-group v-model="date.sex">
<div v-if="show">
<Radio label="male"></Radio>
<Radio label="female"></Radio>
<Radio label="male" true-value="true" false-value="false"></Radio>
<Radio label="female" true-value="true" false-value="false"></Radio>
</div>
</Radio-group>
{{ date }}
<Button @click="handleChange">change</Button>
</div>
</template>
@ -16,7 +18,8 @@
date: {
sex: 'male'
},
show: false
show: false,
testValue: null
}
},
methods: {

25
src/components/radio/radio.vue
View file

@ -22,7 +22,15 @@
mixins: [ Emitter ],
props: {
value: {
type: Boolean,
type: [String, Number, Boolean],
default: false
},
trueValue: {
type: [String, Number, Boolean],
default: true
},
falseValue: {
type: [String, Number, Boolean],
default: false
},
label: {
@ -83,7 +91,9 @@
const checked = event.target.checked;
this.currentValue = checked;
this.$emit('input', checked);
let value = checked ? this.trueValue : this.falseValue;
this.$emit('input', value);
if (this.group && this.label !== undefined) {
this.parent.change({
@ -92,16 +102,19 @@
});
}
if (!this.group) {
this.$emit('on-change', checked);
this.dispatch('FormItem', 'on-form-change', checked);
this.$emit('on-change', value);
this.dispatch('FormItem', 'on-form-change', value);
}
},
updateValue () {
this.currentValue = this.value;
this.currentValue = this.value === this.trueValue;
}
},
watch: {
value () {
value (val) {
if (val !== this.trueValue && val !== this.falseValue) {
throw 'Value should be trueValue or falseValue.';
}
this.updateValue();
}
}