Polymer 2.x paper-radio-group selectedValues不工作

时间:2018-02-22 06:35:49

标签: polymer polymer-2.x paper-elements

我正在尝试使用paper-radio-group的selectedValues属性(使用multi选项)。根据文档,此属性应该是所选单选按钮的setter和getter。但它似乎没有用。

enter image description here

我已经做了一个测试它的人:https://embed.plnkr.co/6YK15vgv33IX2ZqYHmpQ/

如您所见,应选择红色和白色。但他们没有。此外,当您开始选择项目时,从不会触发selectedValues。

<paper-radio-group multi selectedValues="[0,3]">
      <paper-radio-button>Red</paper-radio-button>
      <paper-radio-button>Green</paper-radio-button>
      <paper-radio-button>Blue</paper-radio-button>
      <paper-radio-button>White</paper-radio-button>
      <paper-radio-button>Purple</paper-radio-button>
</paper-radio-group>

1 个答案:

答案 0 :(得分:2)

selectedValues的约束需要以破折号为基础(selected-values)):

<paper-radio-group selected-values="[0,3]">

并且<paper-radio-button>需要将name个属性设置为与所选值匹配:

<paper-radio-button name="0">Red</paper-radio-button>
<paper-radio-button name="1">Green</paper-radio-button>
<paper-radio-button name="2">Blue</paper-radio-button>
<paper-radio-button name="3">White</paper-radio-button>
<paper-radio-button name="4">Purple</paper-radio-button>

demo