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

2021-02-22 17:30:31 浏览数 (1)

问题描述:

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

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

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

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

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

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

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

解决方法:

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

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

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

如果这篇文章有帮助到您,可以给冷月一个关注或者点个赞白嫖一波

0 人点赞