ElementUI组件Rate(评分效果)的数据动态渲染

首先通过此链接https://element.eleme.cn/#/zh-CN/component/rate
在官网上找到评分的实例，可以参照里面的组件属性、方法进行一系列的操作
以下我将一一展示rate评分的常用效果

<el-rate
   v-model="rateValue"//双向绑定数据
    show-text//展示提示的文字
    :texts="text"//自定义提示文字信息
    allow-half//允许半选
    @change="changeValue"//官网上提供的方法，当数据发生改变时
>
</el-rate>

data(){
  return{
  	rateValue: null,//在此定义双向绑定的数据
  }
}

methods:{
	 loadByScore(){
         this.rateValue = null;
         //通过调用接口
         GetEvaluationScoringDetailResultForPanel().then(data=>{
             if(data && data.Id){
            	 //将调用接口获取的数据赋值给双向绑定的data里的rateValue，就能实现rate的动态绑定了
                 this.rateValue = data.EvaluatingScore
             }
         }).catch(err=>{
             return;
         }); 
     },
	//官网提供的方法，它默认有个参数value，所获取到的就是改变的值，用它进行实际需求操作
	changeValue(value){
		console.log(value);
	}
}

如果上述提供的还不能满足实际开发的需求，可以参照以下属性