| | |
|---|
| | | 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)
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | 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) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
