Browse Source

fix

pull/9/head
wangxueliang 7 years ago
parent
commit
a074865dee
  1. 17
      components/rate/Rate.vue

17
components/rate/Rate.vue

@ -9,7 +9,7 @@
:disabled="disabled" :disabled="disabled"
:prefix-cls="`${prefixCls}-star`" :prefix-cls="`${prefixCls}-star`"
:allowHalf="allowHalf" :allowHalf="allowHalf"
:value="hoverValue" :value="currentValue"
@onClick="onClick" @onClick="onClick"
@onHover="onHover" @onHover="onHover"
:key="i"> :key="i">
@ -69,7 +69,7 @@ export default {
const { value, defaultValue } = this const { value, defaultValue } = this
const reValue = value === undefined ? defaultValue : value const reValue = value === undefined ? defaultValue : value
return { return {
hoverValue: reValue, currentValue: reValue,
stateValue: reValue, stateValue: reValue,
} }
}, },
@ -91,9 +91,9 @@ export default {
this.onChange(clValue) this.onChange(clValue)
}, },
onHover (event, index) { onHover (event, index) {
this.hoverValue = this.getStarValue(index, event.pageX) this.currentValue = this.getStarValue(index, event.pageX)
this.changeValue(this.hoverValue) this.changeValue(this.currentValue)
this.onHoverChange(this.hoverValue) this.onHoverChange(this.currentValue)
}, },
getStarDOM (index) { getStarDOM (index) {
return this.$refs.stars[index].$el return this.$refs.stars[index].$el
@ -110,20 +110,19 @@ export default {
return value return value
}, },
onMouseLeave () { onMouseLeave () {
this.hoverValue = undefined this.currentValue = undefined
this.changeValue() this.changeValue()
this.onHoverChange() this.onHoverChange()
}, },
changeValue (val) { changeValue (val) {
if (val === undefined) { if (val === undefined) {
this.hoverValue = this.stateValue this.currentValue = this.stateValue
return
} }
}, },
}, },
watch: { watch: {
value (val = 0) { value (val = 0) {
this.hoverValue = this.stateValue = val this.currentValue = this.stateValue = val
this.$emit('input', val) this.$emit('input', val)
}, },
}, },

Loading…
Cancel
Save