vstar

vue移动端星级打分，仿美团打分。

动态图演示

插件的安装

NPM

npm i vstar

引入插件

import Vue from 'vue';
import vstar from 'vstar';

Vue.use(vstar);

基本用法

<vstar ref="star"   
    @showResult="false"
    @release="release"
></vstar>

API

参数	说明	类型	默认值
showResult	评分结果的显示隐藏	Boolean	false
score	分数	Number	''
comment	评论	String	''
ref	获取当前插件实例	String	-
release	当前插件调用成功的回调	Function	-

Event

事件名	说明	参数
show	开启插件	-
hide	关闭插件	-
release	评分成功的回调	-

用法示例：

调起插件：

this.$refs.star.show(true).then(res => {

})

评分成功：

this.$emit("release")

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report