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

问题描述

当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": "Channel"
                      }
                ]
           }
     }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）