[Bug Report] range在x-dialog中的问题

[L1J1nTao]

VUX version

2.2.0

OS/Browsers version

win7/谷歌

Vue version

2.5.2

Code

<x-dialog v-model="settingShow" class="dialog-demo">
                <div class="settingLayer">
                        <div class="drag">
                            <range :min="dragMin" :max="dragMax" minHTML=" " maxHTML=" " v-model="drag" @on-change="dragChange" :range-bar-height="15"></range>
                        </div>
                </div>
            </x-dialog>

Steps to reproduce

初始进来settingShow为false，按钮点击弹窗显示，这时候拖动只能最大值跟最小值了。

What is Expected?

有更好的解决方案，我在

上v-if="settingShow"暂时解决了这个问题。

What is actually happening?

a

[airyland]

测试并不能重现。麻烦帖包含样式在内的完整 .vue 代码。

[L1J1nTao]

<template>
  <div>
    <div @click="settingShow=true">click Me</div>
    <x-dialog v-model="settingShow" class="dialog-demo">
        <div class="settingLayer">
          <div class="drag">
              <range :min="dragMin" :max="dragMax" v-model="drag" @on-change="dragChange"></range>
          </div>
        </div>
    </x-dialog>
  </div>
</template>

<script>
import { XDialog, Range } from "vux";

export default {
  components: {
    XDialog,
    Range
  },
  data() {
    return {
      settingShow: false,
      dragMin: 55,
      dragMax: 150,
      drag: 0
    };
  },
  methods: {
    dragChange(value) {
      console.log(value);
    }
  }
};
</script>

<style>
.settingLayer {
  height: 300px;
  padding-top: 50px;
}
</style>

[diaofantian]

确实有这个问题

[xmy1024]

我在popup上也发现了这个问题，希望尽快可以修复

[zxyan]

请问是怎么解决的？

[L1J1nTao]

请问是怎么解决的？

x-dialog的v-model="show"，range组件v-if="show"

[zxyan]

请问是怎么解决的？

x-dialog的v-model="show"，range组件v-if="show"

谢谢！