通过数据绑定设置 "min" 时，Polymer paper-slider 行为异常

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>

导致这种奇怪行为的代码中有什么错误。用 max=[[min]] 替换代码中的 min=[[min]] 给出了预期的正确结果，并且奇怪的行为仅由 min 引起。我也尝试过将名称更改为 min 以外的名称。

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

Answer 1

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

min: number = 0 notify
Inherited from Polymer.IronRangeBehavior

The number that indicates the minimum value of the range.

尝试将 min 声明为 Number:

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

通过数据绑定设置 "min" 时，Polymer paper-slider 行为异常

Polymer paper-slider behaves strangely when setting "min" by data binding

html

polymer

bower

polymer-1.0