New file |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | sliderRect: {}, |
| | | info: { |
| | | width: null, |
| | | left: null, |
| | | step: this.step, |
| | | disabled: this.disabled, |
| | | min: this.min, |
| | | max: this.max, |
| | | value: this.value |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.init() |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.getSliderRect() |
| | | }, |
| | | // 获取slider尺寸 |
| | | getSliderRect() { |
| | | // 获取滑块条的尺寸信息 |
| | | uni.$u.sleep().then(() => { |
| | | this.$uGetRect('.u-slider').then((rect) => { |
| | | this.info.width = rect.width |
| | | this.info.left = rect.left |
| | | }) |
| | | }) |
| | | }, |
| | | // 此方法由wxs调用,用于修改v-model绑定的值 |
| | | updateValue(value) { |
| | | this.$emit('input', value) |
| | | }, |
| | | // 此方法由wxs调用,发出事件 |
| | | emitEvent(e) { |
| | | this.$emit(e.event, e.value ? e.value : this.value) |
| | | } |
| | | } |
| | | } |