实现效果：点击反馈面板可以进入二级面板

为了方便数据的管理，在api 的文件夹里创建report.js 为二级面板的数据

export const firstActions=[
{name:'不感兴趣'},
{name:'反馈垃圾内容'}

]

export const secondActions=[
{
  value:0,
  name:'其他问题'
},
{
  value:1,
  name:'标题夸张'
},
{
  value:2,
  name:'低俗色情'
},
{
  value:3,
  name:'错别字多'
},
{
  value:4,
  name:'旧闻重复'
},
{
  value:5,
  name:'内容不实'
},
{
  value:6,
  name:'侵权'
},
{
  value:7,
  name:'广告软文'
},
{
  value:8,
  name:'涉嫌违法犯罪'
}

]

 其次，在AriticleItem.vue 文件里引入reqort.js 文件进行使用

import {firstActions,secondActions} from '@/api/report.js'

把reports.js 的一级面板数据的方法firstActions赋值给actions

 相应的把reports.js 的二级级面板数据的方法赋值给一级面板里的反馈垃圾内容

methods:{
   formatTime:timeAgo ,//函数体就是formatTime
    onSelect(action,item) {
      // console.log(action) //{name:'反馈垃圾内容'}
      // console.log(item) // 索引值
      // 默认情况下点击选项时不会自动收起
      // 可以通过 close-on-click-action 属性开启自动收起
      this.show = false;
    
    //判断
    if(action.name==='反馈垃圾内容'){
      this.actions=secondActions
    }
  },
 }