记录-tips

关于url路径问号后的字符串处理

// 一般我们是对类似http://www.baidu.com/s?a=1&b=2这样的url路径处理,得到问号(?)后面的字符串
//:a=1和b=2类似的方法其实很多,本质是对字符串的操作处理，这里记录一下我的方法
      const params = window.location.search.substring(1);//params是得到的字符串
      this.obj = {};
      for (const i in params.split("&")) {
        const str = params.split("&")[i].split("=").join(",");
        const left = str.split(",")[0];
        const right = str.split(",")[1];
        this.obj[left] = right;
      }
      最后返回的obj是这样的{a:1,b:2}

关于表格(el-table)或其他表格框架里的多个输入框聚焦问题（隐藏span标题显示输入框）

// 这个问题的话我觉得是autofocus的问题,似乎有多个input的时候,自动聚焦只能触发一次，后面输入框
//就不会聚焦了，即使把前面的input中的autofocus设为false也没用
   <div>
          <span
            style="width: 100px; display: block"
            v-if="showOrderNum !== row.id"
            @click="NumClick(row)"
            >{{ row.orderNum }}</span
          >
          <sl-input
            v-else
            :autofocus="showOrderNum === row.id"
            @focus="focusOrderNum(row)"
            @blur="blurNumClick(row)"
            ref="input"
            v-model="orderNum"
            class="setInput"
          />
          </div>
注意，showorderNum是为空字符串的，：autofocus这里我试过动态显示没用
最后这是方法的片段
    NumClick(row) {
      this.showOrderNum = row.id;
      this.$nextTick(() => {
        this.$refs.input.focus();
      });
    },
    focusOrderNum(row) {
      this.orderNum = row.orderNum;
    },
    blurNumClick(row) {
      this.showOrderNum = "";
    },
          ```