var menu = [{ "type_id": 1, "name": "大菜", "food": [ { "food_id": 1, "name": "鱼香肉丝", "price": "10" }, { "food_id": 2, "name": "红烧肉", "price": "11" }, { "food_id": 3, "name": "香辣粉", "price": "12" } ] }, { "type_id": 2, "name": "中菜", "food": [ { "food_id": 4, "name": "小炒肉", "price": "13" }, { "food_id": 5, "name": "云吞", "price": "14" } ] }, { "type_id": 3, "name": "小菜", "food": [ { "food_id": 6, "name": "雪糕", "price": "15" }, { "food_id": 7, "name": "黄瓜", "price": "16" } ] }] 要求: 1、请根据menu的数据,动态生成一个二级联运菜单; 2、实现动态增加、修改、删除菜单dom节点,同时保持dom结构与json保持同步(数据变更后控制台输出json); 3、实现通过拖拽修改菜单结构(可使用jQuery插件),同时保持dom结构与json保持同步(数据变更后控制台输出json); 4、可使用vue2.x或者原生HTML5/jQuery编写,如果使用VUE编写的需要采用组件化开发,不能使用第三方组件库、代码实现;
时间: 2023-02-19 17:08:43 浏览: 123
这个需求要求你开发一个动态生成菜单的应用,可以实现菜单的增加、修改和删除功能,同时保证数据与dom结构的同步。可以使用Vue 2.x或者原生HTML5/jQuery开发,如果使用Vue开发需要采用组件化方式,不能使用第三方组件库。另外,要求实现拖拽修改菜单结构,并且保证数据与dom结构的同步。
阅读全文