外卖餐具智能推荐

问题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 -->
相关推荐
起这个名字8 分钟前
Typescript 装饰器执行顺序
前端
LDX前端校草9 分钟前
position属性值及用法
前端·javascript·面试
Bigfish_coding14 分钟前
前端转agent-第一周【python】-05 Ollama+Qwen3实战:会话记忆实战
前端
x***r15116 分钟前
.NET 10 SDK 安装教程(dotnet-sdk-10.0.100-win-x64详细步骤)
java·服务器·前端
新新技术迷17 分钟前
给 Agent 做"工具调用过程可视化",让用户看见它在干嘛
前端
鹤落晴春17 分钟前
RH124问答5:管理本地用户和组
linux·运维·服务器
feixing_fx24 分钟前
选择器的威力——深入理解优先级计算与层叠规则
开发语言·前端·css·前端框架·html
代码小库27 分钟前
【2026前端转 AI 全栈指南】第 1 章:前言 · 后端架构 · 章节导览
前端·人工智能·架构
晓131329 分钟前
【Cocos Creator 3.x】篇——第四章 子系统
前端·javascript·游戏引擎
其实防守也摸鱼29 分钟前
软件安全与漏洞--Windows底层原理与软件逆向工程基础
linux·网络·数据库·算法·安全·安全架构·软件安全与漏洞