uni-app实现星级评价

<view class="stars-wrapper">
            <view v-for="n in 5" @mouseenter="enter(n)" @mouseleave="leave()" @click="Selected(n)" :class="{'on':cur>=n}"</view>
</view>

<script>
    export default {
        data() {
            return {
                cur : 5,
                flag : false //鼠标点击后变成true，鼠标进入进出事件就不会改变背景图
            };
        },
        onShow() {
            document.title='评价晒单'
        },
        methods : {
            enter(idx){
                if(!this.flag){
                    this.cur = idx;
                }
                console.log(idx);
            },
            leave(){
                if(!this.flag){