1# rating<a name="ZH-CN_TOPIC_0000001163932204"></a> 2 3评分条，表示用户使用感受的衡量标准条。 4 5## 权限列表<a name="zh-cn_topic_0000001173324645_section11257113618419"></a> 6 7无 8 9## 子组件<a name="zh-cn_topic_0000001173324645_section9288143101012"></a> 10 11不支持。 12 13## 属性<a name="zh-cn_topic_0000001173324645_section2907183951110"></a> 14 15除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： 16 17<a name="zh-cn_topic_0000001173324645_table20633101642315"></a> 18<table><thead align="left"><tr id="zh-cn_topic_0000001173324645_row663331618238"><th class="cellrowborder" valign="top" width="23.18%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324645_aa872998ac2d84843a3c5161889afffef"><a name="zh-cn_topic_0000001173324645_aa872998ac2d84843a3c5161889afffef"></a><a name="zh-cn_topic_0000001173324645_aa872998ac2d84843a3c5161889afffef"></a>名称</p> 19</th> 20<th class="cellrowborder" valign="top" width="13.66%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324645_ab2111648ee0e4f6d881be8954e7acaab"><a name="zh-cn_topic_0000001173324645_ab2111648ee0e4f6d881be8954e7acaab"></a><a name="zh-cn_topic_0000001173324645_ab2111648ee0e4f6d881be8954e7acaab"></a>类型</p> 21</th> 22<th class="cellrowborder" valign="top" width="9.46%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324645_ab377d1c90900478ea4ecab51e9a058af"><a name="zh-cn_topic_0000001173324645_ab377d1c90900478ea4ecab51e9a058af"></a><a name="zh-cn_topic_0000001173324645_ab377d1c90900478ea4ecab51e9a058af"></a>默认值</p> 23</th> 24<th class="cellrowborder" valign="top" width="9.22%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324645_p824610360217"><a name="zh-cn_topic_0000001173324645_p824610360217"></a><a name="zh-cn_topic_0000001173324645_p824610360217"></a>必填</p> 25</th> 26<th class="cellrowborder" valign="top" width="44.48%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324645_a1d574a0044ed42ec8a2603bc82734232"><a name="zh-cn_topic_0000001173324645_a1d574a0044ed42ec8a2603bc82734232"></a><a name="zh-cn_topic_0000001173324645_a1d574a0044ed42ec8a2603bc82734232"></a>描述</p> 27</th> 28</tr> 29</thead> 30<tbody><tr id="zh-cn_topic_0000001173324645_row5141051050"><td class="cellrowborder" valign="top" width="23.18%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p157381413961"><a name="zh-cn_topic_0000001173324645_p157381413961"></a><a name="zh-cn_topic_0000001173324645_p157381413961"></a>numstars</p> 31</td> 32<td class="cellrowborder" valign="top" width="13.66%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p973881313619"><a name="zh-cn_topic_0000001173324645_p973881313619"></a><a name="zh-cn_topic_0000001173324645_p973881313619"></a>number</p> 33</td> 34<td class="cellrowborder" valign="top" width="9.46%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p1973871314616"><a name="zh-cn_topic_0000001173324645_p1973871314616"></a><a name="zh-cn_topic_0000001173324645_p1973871314616"></a>5</p> 35</td> 36<td class="cellrowborder" valign="top" width="9.22%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p473891317617"><a name="zh-cn_topic_0000001173324645_p473891317617"></a><a name="zh-cn_topic_0000001173324645_p473891317617"></a>否</p> 37</td> 38<td class="cellrowborder" valign="top" width="44.48%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p173811138611"><a name="zh-cn_topic_0000001173324645_p173811138611"></a><a name="zh-cn_topic_0000001173324645_p173811138611"></a>设置评分条的星级总数。</p> 39</td> 40</tr> 41<tr id="zh-cn_topic_0000001173324645_row11475954"><td class="cellrowborder" valign="top" width="23.18%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p1973821316618"><a name="zh-cn_topic_0000001173324645_p1973821316618"></a><a name="zh-cn_topic_0000001173324645_p1973821316618"></a>rating</p> 42</td> 43<td class="cellrowborder" valign="top" width="13.66%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p19738131320620"><a name="zh-cn_topic_0000001173324645_p19738131320620"></a><a name="zh-cn_topic_0000001173324645_p19738131320620"></a>number</p> 44</td> 45<td class="cellrowborder" valign="top" width="9.46%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p07386135610"><a name="zh-cn_topic_0000001173324645_p07386135610"></a><a name="zh-cn_topic_0000001173324645_p07386135610"></a>0</p> 46</td> 47<td class="cellrowborder" valign="top" width="9.22%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p1673831319613"><a name="zh-cn_topic_0000001173324645_p1673831319613"></a><a name="zh-cn_topic_0000001173324645_p1673831319613"></a>否</p> 48</td> 49<td class="cellrowborder" valign="top" width="44.48%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p107382131366"><a name="zh-cn_topic_0000001173324645_p107382131366"></a><a name="zh-cn_topic_0000001173324645_p107382131366"></a>设置评分条当前评星数。</p> 50</td> 51</tr> 52<tr id="zh-cn_topic_0000001173324645_row1372245811411"><td class="cellrowborder" valign="top" width="23.18%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p5738101319611"><a name="zh-cn_topic_0000001173324645_p5738101319611"></a><a name="zh-cn_topic_0000001173324645_p5738101319611"></a>stepsize</p> 53</td> 54<td class="cellrowborder" valign="top" width="13.66%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p77381713261"><a name="zh-cn_topic_0000001173324645_p77381713261"></a><a name="zh-cn_topic_0000001173324645_p77381713261"></a>number</p> 55</td> 56<td class="cellrowborder" valign="top" width="9.46%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p1073831312620"><a name="zh-cn_topic_0000001173324645_p1073831312620"></a><a name="zh-cn_topic_0000001173324645_p1073831312620"></a>0.5</p> 57</td> 58<td class="cellrowborder" valign="top" width="9.22%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p5738613465"><a name="zh-cn_topic_0000001173324645_p5738613465"></a><a name="zh-cn_topic_0000001173324645_p5738613465"></a>否</p> 59</td> 60<td class="cellrowborder" valign="top" width="44.48%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p27381813364"><a name="zh-cn_topic_0000001173324645_p27381813364"></a><a name="zh-cn_topic_0000001173324645_p27381813364"></a>设置评分条的评星步长。</p> 61<div class="note" id="zh-cn_topic_0000001173324645_note1249472985312"><a name="zh-cn_topic_0000001173324645_note1249472985312"></a><a name="zh-cn_topic_0000001173324645_note1249472985312"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001173324645_p749462910531"><a name="zh-cn_topic_0000001173324645_p749462910531"></a><a name="zh-cn_topic_0000001173324645_p749462910531"></a>仅手机和平板设备支持</p> 62</div></div> 63</td> 64</tr> 65<tr id="zh-cn_topic_0000001173324645_row192599563412"><td class="cellrowborder" valign="top" width="23.18%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p16738813966"><a name="zh-cn_topic_0000001173324645_p16738813966"></a><a name="zh-cn_topic_0000001173324645_p16738813966"></a>indicator</p> 66</td> 67<td class="cellrowborder" valign="top" width="13.66%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p47381313769"><a name="zh-cn_topic_0000001173324645_p47381313769"></a><a name="zh-cn_topic_0000001173324645_p47381313769"></a>boolean</p> 68</td> 69<td class="cellrowborder" valign="top" width="9.46%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p1273815131861"><a name="zh-cn_topic_0000001173324645_p1273815131861"></a><a name="zh-cn_topic_0000001173324645_p1273815131861"></a>false</p> 70</td> 71<td class="cellrowborder" valign="top" width="9.22%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p1073912131165"><a name="zh-cn_topic_0000001173324645_p1073912131165"></a><a name="zh-cn_topic_0000001173324645_p1073912131165"></a>否</p> 72</td> 73<td class="cellrowborder" valign="top" width="44.48%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p87391131166"><a name="zh-cn_topic_0000001173324645_p87391131166"></a><a name="zh-cn_topic_0000001173324645_p87391131166"></a>设置评分条是否作为一个指示器，此时用户不可操作。</p> 74</td> 75</tr> 76</tbody> 77</table> 78 79## 样式<a name="zh-cn_topic_0000001173324645_section5775351116"></a> 80 81除支持[通用样式](js-components-common-styles.md)外，还支持如下样式： 82 83<a name="zh-cn_topic_0000001173324645_table179091550174914"></a> 84<table><thead align="left"><tr id="zh-cn_topic_0000001173324645_row1190955064913"><th class="cellrowborder" valign="top" width="20.71792820717928%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173324645_p119091450154913"><a name="zh-cn_topic_0000001173324645_p119091450154913"></a><a name="zh-cn_topic_0000001173324645_p119091450154913"></a>名称</p> 85</th> 86<th class="cellrowborder" valign="top" width="20.80791920807919%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173324645_p390945020497"><a name="zh-cn_topic_0000001173324645_p390945020497"></a><a name="zh-cn_topic_0000001173324645_p390945020497"></a>类型</p> 87</th> 88<th class="cellrowborder" valign="top" width="10.93890610938906%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173324645_p2090917504493"><a name="zh-cn_topic_0000001173324645_p2090917504493"></a><a name="zh-cn_topic_0000001173324645_p2090917504493"></a>默认值</p> 89</th> 90<th class="cellrowborder" valign="top" width="7.519248075192481%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173324645_p189091750114910"><a name="zh-cn_topic_0000001173324645_p189091750114910"></a><a name="zh-cn_topic_0000001173324645_p189091750114910"></a>必填</p> 91</th> 92<th class="cellrowborder" valign="top" width="40.01599840015999%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173324645_p79091750124917"><a name="zh-cn_topic_0000001173324645_p79091750124917"></a><a name="zh-cn_topic_0000001173324645_p79091750124917"></a>描述</p> 93</th> 94</tr> 95</thead> 96<tbody><tr id="zh-cn_topic_0000001173324645_row17909450124912"><td class="cellrowborder" valign="top" width="20.71792820717928%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p790935084914"><a name="zh-cn_topic_0000001173324645_p790935084914"></a><a name="zh-cn_topic_0000001173324645_p790935084914"></a>star-background</p> 97</td> 98<td class="cellrowborder" valign="top" width="20.80791920807919%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p129091350164920"><a name="zh-cn_topic_0000001173324645_p129091350164920"></a><a name="zh-cn_topic_0000001173324645_p129091350164920"></a>string</p> 99</td> 100<td class="cellrowborder" valign="top" width="10.93890610938906%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p99099503496"><a name="zh-cn_topic_0000001173324645_p99099503496"></a><a name="zh-cn_topic_0000001173324645_p99099503496"></a>-</p> 101</td> 102<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p1909125019497"><a name="zh-cn_topic_0000001173324645_p1909125019497"></a><a name="zh-cn_topic_0000001173324645_p1909125019497"></a>否</p> 103</td> 104<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p79091050184910"><a name="zh-cn_topic_0000001173324645_p79091050184910"></a><a name="zh-cn_topic_0000001173324645_p79091050184910"></a>设置单个星级未选中的背景图片，只支持本地路径图片，图片格式为png和jpg。</p> 105</td> 106</tr> 107<tr id="zh-cn_topic_0000001173324645_row139092504495"><td class="cellrowborder" valign="top" width="20.71792820717928%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p19909185044919"><a name="zh-cn_topic_0000001173324645_p19909185044919"></a><a name="zh-cn_topic_0000001173324645_p19909185044919"></a>star-foreground</p> 108</td> 109<td class="cellrowborder" valign="top" width="20.80791920807919%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p18909145064913"><a name="zh-cn_topic_0000001173324645_p18909145064913"></a><a name="zh-cn_topic_0000001173324645_p18909145064913"></a>string</p> 110</td> 111<td class="cellrowborder" valign="top" width="10.93890610938906%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p11909550204915"><a name="zh-cn_topic_0000001173324645_p11909550204915"></a><a name="zh-cn_topic_0000001173324645_p11909550204915"></a>-</p> 112</td> 113<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p99101508497"><a name="zh-cn_topic_0000001173324645_p99101508497"></a><a name="zh-cn_topic_0000001173324645_p99101508497"></a>否</p> 114</td> 115<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p1091015502499"><a name="zh-cn_topic_0000001173324645_p1091015502499"></a><a name="zh-cn_topic_0000001173324645_p1091015502499"></a>设置单个星级选中的前景图片，只支持本地路径图片，图片格式为png和jpg。</p> 116</td> 117</tr> 118<tr id="zh-cn_topic_0000001173324645_row15910185012492"><td class="cellrowborder" valign="top" width="20.71792820717928%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p2910145018491"><a name="zh-cn_topic_0000001173324645_p2910145018491"></a><a name="zh-cn_topic_0000001173324645_p2910145018491"></a>star-secondary</p> 119</td> 120<td class="cellrowborder" valign="top" width="20.80791920807919%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p16910145024916"><a name="zh-cn_topic_0000001173324645_p16910145024916"></a><a name="zh-cn_topic_0000001173324645_p16910145024916"></a>string</p> 121</td> 122<td class="cellrowborder" valign="top" width="10.93890610938906%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p7910125064915"><a name="zh-cn_topic_0000001173324645_p7910125064915"></a><a name="zh-cn_topic_0000001173324645_p7910125064915"></a>-</p> 123</td> 124<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p8910150204910"><a name="zh-cn_topic_0000001173324645_p8910150204910"></a><a name="zh-cn_topic_0000001173324645_p8910150204910"></a>否</p> 125</td> 126<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p391095015494"><a name="zh-cn_topic_0000001173324645_p391095015494"></a><a name="zh-cn_topic_0000001173324645_p391095015494"></a>设置单个星级部分选中的次级背景图片，该图片会覆盖背景图片，只支持本地路径图片，图片格式为png和jpg。</p> 127</td> 128</tr> 129<tr id="zh-cn_topic_0000001173324645_row12910155014493"><td class="cellrowborder" valign="top" width="20.71792820717928%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p7910135054915"><a name="zh-cn_topic_0000001173324645_p7910135054915"></a><a name="zh-cn_topic_0000001173324645_p7910135054915"></a>width</p> 130</td> 131<td class="cellrowborder" valign="top" width="20.80791920807919%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p69101950104910"><a name="zh-cn_topic_0000001173324645_p69101950104910"></a><a name="zh-cn_topic_0000001173324645_p69101950104910"></a><length>|<percentage></p> 132</td> 133<td class="cellrowborder" valign="top" width="10.93890610938906%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p391015084913"><a name="zh-cn_topic_0000001173324645_p391015084913"></a><a name="zh-cn_topic_0000001173324645_p391015084913"></a>120px</p> 134<p id="zh-cn_topic_0000001173324645_p1391055012499"><a name="zh-cn_topic_0000001173324645_p1391055012499"></a><a name="zh-cn_topic_0000001173324645_p1391055012499"></a>60px（不可操作）</p> 135</td> 136<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p13910125064911"><a name="zh-cn_topic_0000001173324645_p13910125064911"></a><a name="zh-cn_topic_0000001173324645_p13910125064911"></a>否</p> 137</td> 138<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p1591035014911"><a name="zh-cn_topic_0000001173324645_p1591035014911"></a><a name="zh-cn_topic_0000001173324645_p1591035014911"></a>默认值是在未设置自定义资源和评分星数时，使用5个星和默认资源下的宽度值。</p> 139</td> 140</tr> 141<tr id="zh-cn_topic_0000001173324645_row79101550124915"><td class="cellrowborder" valign="top" width="20.71792820717928%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p1591005054915"><a name="zh-cn_topic_0000001173324645_p1591005054915"></a><a name="zh-cn_topic_0000001173324645_p1591005054915"></a>height</p> 142</td> 143<td class="cellrowborder" valign="top" width="20.80791920807919%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p2091095024920"><a name="zh-cn_topic_0000001173324645_p2091095024920"></a><a name="zh-cn_topic_0000001173324645_p2091095024920"></a><length>|<percentage></p> 144</td> 145<td class="cellrowborder" valign="top" width="10.93890610938906%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p20910155014915"><a name="zh-cn_topic_0000001173324645_p20910155014915"></a><a name="zh-cn_topic_0000001173324645_p20910155014915"></a>24px</p> 146<p id="zh-cn_topic_0000001173324645_p29101650104920"><a name="zh-cn_topic_0000001173324645_p29101650104920"></a><a name="zh-cn_topic_0000001173324645_p29101650104920"></a>12px（不可操作）</p> 147</td> 148<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p491055024914"><a name="zh-cn_topic_0000001173324645_p491055024914"></a><a name="zh-cn_topic_0000001173324645_p491055024914"></a>否</p> 149</td> 150<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p1491065074910"><a name="zh-cn_topic_0000001173324645_p1491065074910"></a><a name="zh-cn_topic_0000001173324645_p1491065074910"></a>默认值是在未设置自定义资源和评分星数时，使用5个星和默认资源下的高度值。</p> 151</td> 152</tr> 153<tr id="zh-cn_topic_0000001173324645_row791012500491"><td class="cellrowborder" valign="top" width="20.71792820717928%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173324645_p29108504492"><a name="zh-cn_topic_0000001173324645_p29108504492"></a><a name="zh-cn_topic_0000001173324645_p29108504492"></a>rtl-flip</p> 154</td> 155<td class="cellrowborder" valign="top" width="20.80791920807919%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173324645_p109107509490"><a name="zh-cn_topic_0000001173324645_p109107509490"></a><a name="zh-cn_topic_0000001173324645_p109107509490"></a>boolean</p> 156</td> 157<td class="cellrowborder" valign="top" width="10.93890610938906%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173324645_p391065018494"><a name="zh-cn_topic_0000001173324645_p391065018494"></a><a name="zh-cn_topic_0000001173324645_p391065018494"></a>true</p> 158</td> 159<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173324645_p1891015034920"><a name="zh-cn_topic_0000001173324645_p1891015034920"></a><a name="zh-cn_topic_0000001173324645_p1891015034920"></a>否</p> 160</td> 161<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173324645_p391011508492"><a name="zh-cn_topic_0000001173324645_p391011508492"></a><a name="zh-cn_topic_0000001173324645_p391011508492"></a>在RTL文字方向下是否自动翻转图源。</p> 162</td> 163</tr> 164</tbody> 165</table> 166 167> **说明：** 168>star-background，star-secondary，star-foreground三个星级图源必须全部设置，否则默认的星级颜色为灰色，以此提示图源设置错误。 169 170## 事件<a name="zh-cn_topic_0000001173324645_section124498406719"></a> 171 172除支持[通用事件](js-components-common-events.md)外，还支持如下事件： 173 174<a name="zh-cn_topic_0000001173324645_table836435619510"></a> 175<table><thead align="left"><tr id="zh-cn_topic_0000001173324645_row153658563517"><th class="cellrowborder" valign="top" width="24.852485248524854%" id="mcps1.1.4.1.1"><p id="zh-cn_topic_0000001173324645_a426b8903842d48fa8012a24ff3c997eb"><a name="zh-cn_topic_0000001173324645_a426b8903842d48fa8012a24ff3c997eb"></a><a name="zh-cn_topic_0000001173324645_a426b8903842d48fa8012a24ff3c997eb"></a>名称</p> 176</th> 177<th class="cellrowborder" valign="top" width="22.48224822482248%" id="mcps1.1.4.1.2"><p id="zh-cn_topic_0000001173324645_a53448ba47e5e4ae9bf7774c90820e970"><a name="zh-cn_topic_0000001173324645_a53448ba47e5e4ae9bf7774c90820e970"></a><a name="zh-cn_topic_0000001173324645_a53448ba47e5e4ae9bf7774c90820e970"></a>参数</p> 178</th> 179<th class="cellrowborder" valign="top" width="52.665266526652665%" id="mcps1.1.4.1.3"><p id="zh-cn_topic_0000001173324645_add489ff50c444f24b759162c7f4bad9a"><a name="zh-cn_topic_0000001173324645_add489ff50c444f24b759162c7f4bad9a"></a><a name="zh-cn_topic_0000001173324645_add489ff50c444f24b759162c7f4bad9a"></a>描述</p> 180</th> 181</tr> 182</thead> 183<tbody><tr id="zh-cn_topic_0000001173324645_row518915212082"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173324645_p125587286811"><a name="zh-cn_topic_0000001173324645_p125587286811"></a><a name="zh-cn_topic_0000001173324645_p125587286811"></a>change</p> 184</td> 185<td class="cellrowborder" valign="top" width="22.48224822482248%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173324645_p255820281687"><a name="zh-cn_topic_0000001173324645_p255820281687"></a><a name="zh-cn_topic_0000001173324645_p255820281687"></a>{ rating: number }</p> 186</td> 187<td class="cellrowborder" valign="top" width="52.665266526652665%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173324645_p10558228886"><a name="zh-cn_topic_0000001173324645_p10558228886"></a><a name="zh-cn_topic_0000001173324645_p10558228886"></a>评分条的评星发生改变时触发该回调。</p> 188</td> 189</tr> 190</tbody> 191</table> 192 193## 方法<a name="zh-cn_topic_0000001173324645_section2279124532420"></a> 194 195支持[通用方法](js-components-common-methods.md)。 196 197## 示例<a name="zh-cn_topic_0000001173324645_section1715414253487"></a> 198 199``` 200<!-- xxx.hml --> 201<div class="container"> 202 <rating numstars="5" rating="5" @change="changeRating" id="rating"> 203 </rating> 204</div> 205``` 206 207``` 208/* xxx.css */ 209.container { 210 display: flex; 211 justify-content: center; 212 align-items: center; 213} 214rating { 215 width: 200px; 216} 217``` 218 219``` 220// xxx.js 221import prompt from '@system.prompt'; 222export default { 223 changeRating(e){ 224 prompt.showToast({ 225 message: e.rating 226 }); 227 } 228} 229``` 230 231 232 233
