根据v选择JSON对象值选择取消选择显示和隐藏div VUE JS

Question

当v-select JSON对象值包含“ Channel”时，我需要显示和隐藏div，并且在删除项目时div应该隐藏。

这是我需要显示和隐藏的div，也需要在隐藏时重置选定的值

    <div v-show="Object.values(test).find(e=>e.name=='Channel')">

    <v-select
   class="ml-1 rounded-0"
   :items="expiryNotificationOptions"
   v-model="expiryNotificationValues"
   label="Select"
   single-line
   item-text="name"
   item-value="id"
   outlined
   ></v-select>

    </div>

多选

用于保存Axios JSON对象和选定值的两个数组

activationTypeOptions-原始对象

activationTypeValues-存储选定的值，我需要检查该对象并显示或隐藏div

Json示例

 [
     {
                    "activationTypeId": 1,
                    "name": "SMS"
                    },
                    {
                    "activationTypeId": 2,
                    "name": "WEB"
                     },
                     {
                     "activationTypeId": 3,
                     "name": "Channel"
      }
  ]

注意：我可以在数据方法内部使用对象成功显示hide div，但是当涉及到多选选定值对象时，它没有用

data(){
          return{
               activationTypes: [
                    {
                    "activationTypeId": 1,
                    "name": "SMS"
                    },
                    {
                    "activationTypeId": 2,
                    "name": "WEB"
                     },
                     {
                     "activationTypeId": 3,
                     "name": "Channel"
                      }
                ]
           }
     }