vue 地址栏输入参数，获取对应参数数据并回显

最新推荐文章于 2024-04-17 14:45:12 发布

饱饱~~

最新推荐文章于 2024-04-17 14:45:12 发布

阅读量564

点赞数 1

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

本文链接：https://blog.csdn.net/m0_58893670/article/details/130350159

版权

vue 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

路由后面拼接 appName = '参数' ，获取对应参数并把参数回显到 select 下拉框中。

mounted() {
    // 拿到当前url地址
    const url = new URL(decodeURIComponent(location.href));
    // 获取appName的值
    let value = url.searchParams.get('appName');
    // 回显
    this.search.appName = value;
    this.changeAppName(value);
}

async changeAppName(val) {
    this.$router.push(`${this.$route.path}?appName=${val}`);
    if (val !== '') {
        await this.getAuth();
        if (this.authData.haveAuth === true) {
          this.$refs.situation.resetData({
            data: val,
            type: 'algorithm',
            authData: this.authData,
          });
          this.$refs.situationTable.resetData({
            algorithmOption: this.algorithmOption,
            appName: val,
            authData: this.authData,
          });
        } else {
          this.$mtd.message.error('您暂无权限');
        }
      }
    },