mpvue 小程序 Rate 星级评分

mpvue 小程序 Rate 星级评分

目录

用 [TOC]来生成目录：

---

长话多说，mpvue -weui中是这么说的：

• Rate 组件使用 html5 中 data- 属性实现，当点击评分区域时，获取 data 属性的值，然后通过 vue 中 :class 控制评分星星的状态，即是否为 active。
  道理大家都懂，通过点击事件改变那个星星的 属性。

但是

---

先看mpvue-ui的代码

<template>
    <div class="page__bd">
      <div class="weui-cells__title">点击评分</div>
      <div class="weui-cells__title">{
  {rateScore}}</div>
      <div class="weui-rate-wrap">
        <ul class="weui-rate">
          <li class="weui-rate-item" v-for="n in max" :key="index" :class="{'weui-rate-item-active' : index <= tempValue}" :data-index