js的includes用法_js list.incloues 正则-CSDN博客

本文链接：https://blog.csdn.net/weixin_52509007/article/details/123546820

博客讲述了如何通过分析窗口location.search来优化长串的条件判断，用更简洁的代码实现根据参数显示对应的列表项。引入了CARD_TYPE变量，并展示了如何在Vue组件中使用isShowItem方法动态控制列表项的显示。

摘要由CSDN通过智能技术生成

本来要做一个地址栏参数改变，显示相对应的Item列。

 toDetermineParameters(OBJECT, PARAMETER) {
            if (PARAMETER === "colorPage") {
              OBJECT.ppt = null;
              OBJECT.operationManual = null;
              OBJECT.hardware = null;
              OBJECT.plan = null;

              return OBJECT;
            } else if (PARAMETER === "ppt") {
              OBJECT.colorPage = null;
              OBJECT.operationManual = null;
              OBJECT.hardware = null;
              OBJECT.plan = null;
              return OBJECT;
            } else if (PARAMETER === "plan") {
              OBJECT.colorPage = null;
              OBJECT.operationManual = null;
              OBJECT.hardware = null;
              OBJECT.ppt = null;
              return OBJECT;
            } else if (PARAMETER === "operationManual") {
              OBJECT.colorPage = null;
              OBJECT.plan = null;
              OBJECT.hardware = null;
              OBJECT.ppt = null;
              return OBJECT;
            } else if (PARAMETER === "hardware") {
              OBJECT.colorPage = null;
              OBJECT.plan = null;
              OBJECT.operationManual = null;
              OBJECT.ppt = null;
              return OBJECT;
            } else if (!PARAMETER) {
              return OBJECT;
            } else if (!OBJECT[PARAMETER]) {
              this.ishow = false;
            }
          },

然后我搞了一大长串判断，在问过大佬后，两行代码给我解决了。。

const CARD_TYPE = window.location.search.slice(1) || "showAll";


 methods: {
          pdfPage(title, head, num) {
            localStorage.setItem("title-head", title + "-" + head);
            window.location.href = "./pdf.html?file=" + num;
          },
          isShowItem(key) {
            return this.pdfList[key] && [key, "showAll"].includes(CARD_TYPE);
          },
          changeIsShow() {
            if (CARD_TYPE !== "showAll" && !this.pdfList[CARD_TYPE]) {
              this.ishow = false;
            }
          },
        },


  <v-list-item v-ripple v-if="isShowItem('plan')">