分析
类型：VUE
分数：15分
难度：难
考点
- 掌握 VUE，双向绑定、事件
- 掌握 Element UI
- 子组件向父组件传值（
$emit的使用）
解题思路
给 Element UI 的 el-rate 组件绑定属性，指定事件函数，实现子组件向父组件传值
实现
第一题
修改 my-rate.vue 文件
送餐速度：<el-rate v-model="speed" show-score="true" @change="ch"></el-rate>
外卖口味：<el-rate v-model="flavour" show-score="true" @change="ch"></el-rate>
外卖包装：<el-rate v-model="pack" show-score="true" @change="ch"></el-rate>
第二题
修改 my-rate.vue 文件
methods:{
ch(){
if(this.speed > 0 && this.flavour > 0 && this.pack > 0){
const data = {
speed:this.speed,
flavour:this.flavour,
pack:this.pack,
}
this.$emit("change",data)
}
}
}