-
- export default {
- components: {},
- props: {
- sideMenusData: {
- type: Array,
- default: []
- }
- },
- data() {
- return {
- // 侧边菜单数据
- sideMenus: [
- {
- name: '水果',
- isCurrent: false,
- children: [
- {
- name: '苹果',
- isCurrent: true
- },
- {
- name: '西瓜',
- isCurrent: false
- },
- {
- name: '葡萄',
- isCurrent: false
- },
- {
- name: '芒果',
- isCurrent: false
- }
- ]
- },
-
- {
- name: '肉',
- isCurrent: false,
- children: [
- {
- name: '鸡肉',
- isCurrent: true
- },
- {
- name: '鸭肉',
- isCurrent: false
- }
- ]
- },
- {
- name: '蔬菜',
- isCurrent: false,
- children: [
- {
- name: '黄瓜',
- isCurrent: true
- },
- {
- name: '白菜',
- isCurrent: false
- }
- ]
- },
- {
- name: '饮品',
- isCurrent: false,
- children: [
- {
- name: '冰红茶',
- isCurrent: true
- },
- {
- name: '柠檬水',
- isCurrent: false
- }
- ]
- }
- ]
- }
- },
- computed: {},
- mounted() {},
- methods: {
- // 点击父菜单
- menus(data) {
- if (data.isCurrent === false) {
- this.sideMenus.map((item, index) => {
- item.isCurrent = false
- if (
- item.children &&
- item.children != null &&
- item.children.length > 0
- ) {
- item.children.map((subItem, subIndx) => {
- subItem.isCurrent = false
- })
- item.children[0].isCurrent = true
- }
- })
- data.isCurrent = true
- } else {
- data.isCurrent = false
- }
- },
- // 点击子菜单
- subMenus(data) {
- this.sideMenus.map((item, index) => {
- if (
- item.children &&
- item.children != null &&
- item.children.length > 0
- ) {
- item.children.map((subItem, subIndx) => {
- subItem.isCurrent = false
- })
- }
- })
- data.isCurrent = true
- }
- }
- }


