外卖餐具智能推荐

问题1

javascript 复制代码
// 智能推荐餐具数量
        const recommendedCount = computed(() => {
            // TODO :目标 1 待补充代码 Start
            // 初始化空数组
            let category = []
            // 初始化推荐餐具数为0
            let count = 0
            // 遍历当前已选中的菜品数组
            cartItems.value.forEach(item => {
                // 用for循环使每一份菜品都单独存入数组
                for (let i = 0; i < item.count; i++) {
                    category.push(item.category)
                }
            })
            // 用if语句判断菜品全是主食或全是热菜,则按照主食或热菜的数量赋值给推荐餐具数
            if ((category.includes('主食') && !category.includes('热菜')) || (!category.includes('主食') && category.includes('热菜'))) {
                count = category.length
            } else {
                // 若既有主食又有热菜
                // 则通过比较两者数量,数量较多的一者,赋值给推荐餐具数
                if (category.filter(item => item === '主食').length > category.filter(item => item === '热菜').length) {
                    count = category.filter(item => item === '主食').length
                } else if (category.filter(item => item === '主食').length < category.filter(item => item === '热菜').length) {
                    count = category.filter(item => item === '热菜').length
                }
            }
            // 输出推荐餐具数
            return count
            // TODO :目标 1 待补充代码 End
        });

问题2

javascript 复制代码
// 选择餐具模式
        const selectUtensilsMode = (mode) => {
            // TODO :目标 2 待补充代码 Start
            // 根据题目意思将选择模式赋值给utensilsMode
            utensilsMode.value = mode
            // 判断mode为auto或custom
            if (mode === 'auto') {
                // mode为auto时,
                // 给utensilsMode新赋值auto
                // 将 utensilsCount 设置为 recommendedCount
                utensilsMode.value = 'auto'
                utensilsCount.value = recommendedCount.value
            } else if (mode === 'custom') {
                // mode为custom时
                // 给utensilsMode新赋值custom
                // 将 utensilsCount 设置为 customUtensilsCount
                utensilsMode.value = 'custom'
                utensilsCount.value = customUtensilsCount.value
            }
            // TODO :目标 2 待补充代码 End
        };


// 选择具体餐具数量
        const selectUtensilsCount = (count) => {
            // TODO :目标 2 待补充代码 Start
            // 判断推荐餐具数为1、2、3时
            // 给 utensilsMode新赋值manual
            // 更新utensilsCount.value
            if (count === 1 || count === 2 || count === 3) {
                utensilsMode.value = 'manual'
                utensilsCount.value = count
            }
            // TODO :目标 2 待补充代码 End
        };


 <!-- TODO :目标 2 待补充代码 Start -->
                     <el-input-number v-model="utensilsCount" max=4 min=1></el-input-number>
<!-- TODO :目标 2 待补充代码 End -->
相关推荐
2401_885885044 小时前
营销推广短信接口集成:结合营销策略实现的API接口动态变量填充方案
前端·python
小李子呢02114 小时前
前端八股性能优化(2)---回流(重排)和重绘
前端·javascript
汤愈韬4 小时前
下一代防火墙通用原理
运维·服务器·网络·security
皮皮林5514 小时前
强烈建议大家使用 Linux 做开发?
linux
IMPYLH5 小时前
Linux 的 od 命令
linux·运维·服务器·bash
程序员buddha5 小时前
深入理解ES6 Promise
前端·ecmascript·es6
吴声子夜歌5 小时前
ES6——Module详解
前端·ecmascript·es6
剪刀石头布啊5 小时前
原生form发起表单干了啥
前端
剪刀石头布啊5 小时前
表单校验场景,如何实现页面滚动到报错位置
前端