uview-plus/components/u-slider/mpwxs.js

零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。

import { sleep } from '../../libs/function/index';
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() {
            // 获取滑块条的尺寸信息
            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)
        }
    }
}