vue 移动端项目 一级反馈面板标签准备（实现简单功能）

实现效果：

点击 文章上的叉叉就会出现反馈面板

在 vant 组件当中找到 反馈组件中 的动作画板，在main.js里引入即可！！

在 AriticleItem.vue 的组件，即文章的页面， 当中去导入我们需要使用的组件

<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />

在反馈组件中，绑定点击事件

  

在data 里边进行存放数据

  data(){
return{
  show:false,  //面板提示
   actions: [{ name: '选项一' }, { name: '选项二' }, { name: '选项三' }],
}

在methods 里放入对应的事件方法

 methods:{
   formatTime:timeAgo ,//函数体就是formatTime
    onSelect(item) {
      // 默认情况下点击选项时不会自动收起
      // 可以通过 close-on-click-action 属性开启自动收起
      this.show = false;
    
    
  },

   起初，我们总觉得这样就行了，其实不是的， 于是点击之后，就出现了这种黑框界面，

 这个时候，我们就需要看一下vant 里边的文档  ，这个属性恰巧适合我们的方向，怎么使用，就点击用法实例看一下

 可以通过get-container="body" 该属性指定挂载位置

最后，不要在反馈面板里填入该属性