Vue滑块在BootstrapVue Modal内部不起作用

Question

当我将组件添加到B模式时，我认为VueSlider栏不起作​​用，因为它本身没有刷新。在网络上的其他示例中，有些人提供了有用的解决方案，但对我却不起作用。

      <div>
        <b-button v-b-modal.modal-1
                  class="text-color-black">
          Launch demo modal
        </b-button>

        <!-- Modal Component -->
        <b-modal id="modal-1">
          <filters ref="resumeFilterMobile">
          </filters>
        </b-modal>
      </div>

在过滤器组件中，我有一个vue滑块组件

即：

     <vue-slider class="dusk-slider"
              ref="sliderAgeRange"
              @callback="onChange"
              v-bind="config"
              :value="model">
     </vue-slider>

我该如何解决？我该怎么办？

Answer 1

我找到了解决方案：）

首先，要添加模式，您可以添加：

<b-modal @shown="refreshSlide">Modal<b-modal>

之后，转到方法：

methods:{
  refreshSlide() {
    this.$refs.resumeFilterMobile.$children[3].$refs.sliderAgeRange.refresh();
  },

}

别忘了这是我的情况。如果您有一个简单的关系结构，您只需要更简单的代码即可。喜欢；

this.$refs.slider.refresh();