前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >踩坑tp5-模板视图中js使用{:url()}方法传参问题

踩坑tp5-模板视图中js使用{:url()}方法传参问题

原创
作者头像
学长冷月
修改2021-02-09 16:39:43
1.1K0
修改2021-02-09 16:39:43
举报
文章被收录于专栏:冷月带你手撕代码

问题描述:

最近,冷月在使用tp5搭建个人博客后台踩到了一个坑,在tp5自带的视图模板引擎中。

其中有一个应用场景是js的 window.location.href 跳转到指定页面并且传递文章id

于是冷月采用了下面2种方式进行操作,均不能成功解析到id的值,而是直接将变量名拼接成字符串输出。代码及错误实例如下:

代码语言:txt
复制
/**
 * Created by 冷月小白.
 * 微信公众号: 学长冷月

var articleID = $("#articleID").val(); //采用jQuery的选择器

window.location.href = "{:url('article/markdown',['id'=>"+articleID+"])}";  // 解析失败

window.location.href = "{:url('article/markdown','id=" + articleID + "')}";  // 解析失败
 */
 
file
file

解决方法:

采用下面的拼接方式,则能够正确解析,获取到id的值。

代码语言:txt
复制
/**
 * Created by 冷月小白.
 * 微信公众号: 学长冷月

 window.location.href = "{:url('article/markdown')}?id=" + articleID; //解析成功
 */
 
file
file

如果这篇博文有帮助到您,可以帮冷月点一个赞或者加一个关注哦!

欢迎关注我的公众号:学长冷月,获得独家整理的学习资源和日常干货推送。

如果您对我的专题内容感兴趣,也可以关注我的博客:www.lengyueit.cn

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题描述:
  • 解决方法:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档