怎么在路径上拼接一个变量呢？

我想把这变量newid传给路径上的id，这该怎么传呢

<template>
  <div>歌单详情页</div>
</template>
<script>
import { useRoute } from "vue-router";
import { onMounted, ref } from "vue";
import axios from "axios";
export default {
  setup() {
    // 根据id获取对应api内容
    const state = {
      listMusic: [],
    };
    let newid = 0;
    onMounted(async () => {
      newid = ref(useRoute().query.id);
      state.listMusic = await axios.get(
        "http://localhost:3000/playlist/detail?id=newid"
      );
      console.log(state.listMusic);
    });
    return { state, newid };
  },
};
</script>

"http://localhost:3000/playlist/detail?id="+newid

【以下回答由 GPT 生成】

<template>
  <div>歌单详情页</div>
</template>

<script>
import { useRoute } from "vue-router";
import { onMounted, ref } from "vue";
import axios from "axios";

export default {
  setup() {
    // 根据id获取对应api内容
    const state = {
      listMusic: [],
    };

    let newid = ref(0); // 使用ref函数将newid转化为响应式引用

    onMounted(async () => {
      newid.value = useRoute().query.id; // 使用value属性获取newid的值
      state.listMusic = await axios.get(
        `http://localhost:3000/playlist/detail?id=${newid.value}` // 使用${newid.value}来引用变量的值
      );
      console.log(state.listMusic);
    });

    return { state, newid }; // 返回响应式引用newid
  },
};
</script>

在这个例子中，我们将newid的初始值设为ref(0)，并在onMounted钩子中使用newid.value来引用newid的值。这样，当query.id发生变化时，newid.value也会相应地更新。

希望以上解释能帮助您解决问题。如果还有其他问题，请随时提问。

【相关推荐】

• 你可以看下这个问题的回答https://ask.csdn.net/questions/679399