Layui中templet中a标签的onclick参数传递的问题

最新推荐文章于 2024-03-18 17:47:00 发布

静安书以沫

最新推荐文章于 2024-03-18 17:47:00 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： layui 前端 javascript

本文链接：https://blog.youkuaiyun.com/whatname123/article/details/127409147

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了在Layui模板引擎中遇到的onclick事件处理函数参数传递问题，原始代码由于引号使用不当导致前端报错。通过去除onclick属性外部的引号并调整语法，成功解决了问题。修正后的代码示例展示了如何正确地在模板中调用函数并传入动态参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Layui中templet中a的onclick参数传递的问题，解决：去掉外层引号

中间不能有空格，分号结尾。

原例子：

οnclick=“jump(this,‘{{d.id}}’,‘{{d.moduleId}}’)”

<script type="text/html" id="bt_Tpl">
    <a class="a_height" onclick="jump(this,'{{d.id}}','{{d.moduleId}}')" href="javascript:void(0);">{{d.bt}}</a>
</script>

前端报错：

onclick="%%%%~COMPRESS~EVENT~1~%%%'"

修改后

<script type="text/html" id="bt_Tpl">
    <a class="a_height" onclick=jump(this,'{{d.id}}','{{d.moduleId}}') href="javascript:void(0);">{{d.bt}}</a>
</script>