web蓝桥杯真题：外卖给好评

本文主要是介绍web蓝桥杯真题：外卖给好评，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 代码：

<ul class="rate-list"><li><!-- TODO 补全 el-rate 属性 -->送餐速度：<el-rate show-score="true" @change=changeSpeed($event) v-model="speed"></el-rate></li><li><!-- TODO 补全 el-rate 属性 -->外卖口味：<el-rate show-score="true" @change=changeFlavour($event) v-model="flavour"></el-rate></li><li><!-- TODO 补全 el-rate 属性 -->外卖包装：<el-rate show-score="true"  @change=changePack($event) v-model="pack"></el-rate></li>
</ul>

/* TODO: 考生需要完成以下内容 */
methods: {changeSpeed(e) {this.speed = ethis.score()},changeFlavour(e) {this.flavour = ethis.score()},changePack(e) {this.pack = ethis.score()},score() {if(this.speed && this.flavour && this.pack) {this.$emit('change', {speed: this.speed, // 送餐速度flavour: this.flavour, // 外卖口味pack: this.pack, // 外卖包装})}}
}

知识点：

子组件可以使用 $emit,让父组件监听到自定义事件 

//父组件
<div @父组件定义函数='function'></div>
function(子组件传递来的参数) {}//子组件
this.$emit('父组件定义函数', 需要传递的参数)        

这篇关于web蓝桥杯真题：外卖给好评的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---