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

Question

我想把这变量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>

Answer 1

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