43 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			43 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 
								 | 
							
								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)
							 | 
						|||
| 
								 | 
							
								        }
							 | 
						|||
| 
								 | 
							
								    }
							 | 
						|||
| 
								 | 
							
								}
							 |