微信小程序中,想在url中使用${}
替换动态参数,但总是不生效,折腾了1个小时定位,找到了原因:此时字符串要用反引号括起来(``),而不能用普通的单引号(‘’)。
例如,要将https://applet-base-api-t.itheima.net/categories/${this.data.query.id}/shops
的${this.data.query.id}
动态替换,应该将该URL用反引号括起来:
`https://applet-base-api-t.itheima.net/categories/${this.data.query.id}/shops`
而不能是单引号:
'https://applet-base-api-t.itheima.net/categories/${this.data.query.id}/shops'
作为对比,用console.log将两种情况打印出来,可以看到,用反引号括起来的字符串的动态参数完成了替换,而用单引号括起来的字符串中的动态参数没有替换:
需要注意的是,在微信开发者工具中,输入wx.request
,自动生成的代码中url是用单引号括起来的,如果要在里边包含动态参数替换,要记着改为反引号。下面是微信开发者工具中输入wx.request
自动生成的结构:
wx.request({
url: 'url',
})