搜索时返回依旧存在当时搜索时的内容页

秦悸

已于 2022-11-01 17:01:20 修改

阅读量111

点赞数 1

分类专栏： vue 文章标签： javascript vue.js 前端

于 2022-11-01 16:51:53 首次发布

本文链接：https://blog.csdn.net/GikQxx21_wen/article/details/127636710

版权

vue 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

搜索之后返回依旧显示搜索是的内容

demo

 el-input(
          v-model="keyWord",
          placeholder="按客户名称/域名查询",
          @keyup.enter.native="handleChange",
          clearable
        )

js

1.在搜索时叫用接口的时候讲input框中输入内容存在 sessionStorage里面

 // 查询列表数据
    getData() {
      this.loading = true;
      this.savedParams.page = this.pageIndex;
      this.savedParams.size = this.pageSize;
      realmlist(this.savedParams)
        .then((res) => {
          console.log(this.savedParams);
          this.loading = false;
          sessionStorage.setItem('keyWord', this.keyWord) // 存入在sessionStorage里面
          if (res.data.code === 200) {
            console.log(res);
            this.tableData = res.data.data.list.map((v,index) => {
              return {
                ...v,
                index
              }
            });

            this.totalCount = res.data.data.total;
          }
        })
        .catch(() => {
          this.loading = false;
        });
    },

2.在mounted里面取出存入的值在赋值给 data里面定义的

mounted(){
    if(sessionStorage.getItem('keyWord')){
      let keyWord = sessionStorage.getItem('keyWord')
      this.keyWord = keyWord //赋值给 data中的 keyWord
    }
    // console.log(sessionStorage.getItem('keyWord'),'1234567')

    this.handleChange();
  },