使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动

大佬教程收集整理的这篇文章主要介绍了使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动？

开发过程中遇到使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动的问题如何解决？下面主要结合日常开发的经验，给出你关于使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动的解决方法建议，希望对你解决使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动有所启发或帮助；

我将 IonRangeSlIDer jquery 库与 Vue.Js 一起使用，我还将它用作包装组件并使用 $emit 发送值。 一切正常，但问题是当页面加载时，左手柄在右侧，右侧手柄，如下图：

当我尝试移动它们时，手柄工作正常，但我希望滑块在页面加载时处于全范围。
所以我尝试使用 from 和 to 属性，但现在句柄不会移动（我的函数仍然有效并且变量值发生变化......）
这是我的代码： IonRangeSlIDer.vue（组件）：

<template>
    <input>
</template>

<script>
export default {
    name: "ionRangeSlIDer",props: ['options','value'],mounted: function () {
        var vm = this
        $(this.$el).ionRangeSlIDer(this.options)
        .trigger('change')
        .on('change',function () {
            vm.$emit('input',this.value.split(";"))
        })
        this.$slIDer = $(this.$el).data('ionRangeSlIDer')
    },watch: {
        options: function (options) {
            this.$slIDer.update(options)
        }
    },destroyed: function () {
        this.$slIDer.destroy()
    }
}
</script>

App.vue：

<ion-range-slIDer
                 @input="FilterByRangeTimeupdate"
                 :value="state.fetchedTimeData"
                 :options="{
                 type: 'double',values: state.fetchedTimeData,grID: true,skin: 'flat',onFinish: FilterByRangeTime,drag_interval: false,from: state.fetchedFromTimE}">
</ion-range-slIDer>

我的 state.fetchedDataTime 包含时间数组，例如： ['20:30','12:30','15:00']

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动全部内容，希望文章能够帮你解决使用“from”和“to”（Vue.js）时，ionRangeSlider句柄不移动所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。