呀呼!呀呼! 2023-03-04 22:24 采纳率: 77.3%
浏览 25
已结题

VueRouter的router-link标签属性配置问题

在使用VueRouter插件(VueRouter是版本3,Vue是版本2)的router-link标签有一个很奇怪的现象,
部分代码如下:

<li v-for="t in thingList" :key="t.id">
           <router-link active-class="active" :to="{
          path:"/home/Thing/Detail",
          query:{
            id:t.id,
            theContent:t.theContent
          }
        }">
        {{t.title}}
        </router-link>
        

以上是router-link标签to属性的对象写法,但是很奇怪的是在配置path这个key的时候,使用双引号去
框着这个/home/Thing/Detail路径就会被vscode的语法检查标红。同时页面的router-link也无法识别完成渲染。
标红如图:

img


渲染结果如图:

img

img

无法正确的把router-link渲染成功。

奇怪的地方来了,当我把path这个key的value值由双引号改成单引号之后,页面就正常了。

<router-link active-class="active" :to="{
          path:'/home/Thing/Detail',
          query:{
            id:t.id,
            theContent:t.theContent
          }
        }">
        {{t.title}}
        </router-link>

img

img

在js里面一个字符串不应该是使用单引号或者双引号都可以吗?为什么使用双引号这里会有错误。

  • 写回答

3条回答 默认 最新

  • Sam9029 2023-03-04 22:45
    关注

    这是 JS 这门语言的特性!! 和字符串外面用何种引号形式无关

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月12日
  • 已采纳回答 3月4日
  • 创建了问题 3月4日

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。