vue-score
How to use?
npm install vue-score
Example
<template>
<score @toscore="setscore"></score>
</template>
<script>
import score from "vue-score"
import "vue-score/dist/vue-score.css"
export default {
name: 'app',
data(){
return{
parameter:{}
}
},
methods:{
setscore(arr){
this.parameter[arr[0]] = arr[1]
}
},
components:{score}
}
</script>
<template>
<score :scoredatas="datas" @toscore="setscore"></score>
</template>
<script>
import score from "vue-score"
import "vue-score/dist/vue-score.css"
export default {
name: 'app',
data(){
return{
parameter:{}
datas:{
'Star1':{
'title':'总分',
'value':null,
'msg':['非常差','很差','一般','很好','非常好']
},
'Star2':{
'title':'环境',
'value':null,
'msg':['非常差','很差','一般','很好','非常好']
},
'Star3':{
'title':'口味',
'value':null,
'msg':['非常差','很差','一般','很好','非常好']
},
'Star4':{
'title':'服务',
'value':null,
'msg':['非常差','很差','一般','很好','非常好']
}
}
}
},
methods:{
setscore(arr){
this.parameter[arr[0]] = arr[1]
}
},
components:{score}
}
</script>
Options
scoredatas 初始化数据,
Object类型,默认 {'score1':{'title':'总分','value':null,'msg':['非常差','很差','一般','很好','非常好']}}
数据key值可以任意设置
Functions
toscore方法 给父层传值arr, arr[0]为所传数据key值,默认'score1',arr[1]位value值,默认为null,