通过数据绑定设置“min”时，聚合物纸滑块行为异常

Question

我在自定义元素中使用Polymer 的paper-slider。我在我的自定义元素中传递了一个min 属性并将其分配给滑块的min 值。但是滑块的行为很奇怪，直到光标移动到任一极端并且值在非常高的范围内不断变化时才会滑动。

代码如下：

<link rel="import" href="/bower_components/paper-slider/paper-slider.html">

<dom-module id="slider-two">
    <template>
        <br>
        <br>
        <paper-slider pin min=[[min]]></paper-slider>

    </template>
    <script>
        Polymer({
            is: 'slider-two',
            properties: {
                min: {
                    type: String
                }
            }
        });
    </script>

</dom-module>

用法：

<slider-two min='5'></slider-two>

导致这种奇怪行为的代码中的错误是什么。将代码中的min=[[min]] 替换为max=[[min]] 会得到预期的正确结果，而奇怪的行为仅由min 引起。我也尝试将名称更改为 min 以外的其他名称。

我使用bower i --save paper-slider 安装它，我正在使用Polymer 1.0.0（为了它与某个leaflet-map 兼容）。

Answer 1

问题可能是您将min 属性声明为String，但根据文档，它应该是一个数字：paper-slider docs。

min: number = 0 通知
继承自 Polymer.IronRangeBehavior

表示范围最小值的数字。

尝试将min 声明为Number：

Polymer({
    is: 'slider-two',
    properties: {
        min: {
            type: Number
        }
    }
});