解决Layui中templet中a的onclick参数传递的问题
更新时间:2019年09月20日 10:39:08 作者:黄宝康
今天小编就为大家分享一篇解决Layui中templet中a的onclick参数传递的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
以下是我的模板,主要用在列表页table中的按钮,点击弹窗展开详情页的功能。
<script type="text/html" id="contentTpl"> <a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick='showContent("{{d.CONTENT}}")' >查看内容</a> </script>
项目跑了许久,突然说点击查看内容没反应,查出原因是,d.CONTENT如果有单引号或者双引号会报js错误。
于是改成下面的形式解决问题。
<script type="text/html" id="contentTpl"> <div><a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick=showContent('{{d.CONTENT}}') >查看内容</a></div> </script>
直接去吃onclick的单引号,让浏览器渲染,因为在html中,普通的a标签的click事件也是可以不用带单引号或双引号的。
给后人提醒,小心进坑。
以上这篇解决Layui中templet中a的onclick参数传递的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
这篇文章主要介绍了js日期相关函数dateAdd,dateDiff,dateFormat等介绍,需要的朋友可以参考下2016-09-09JavaScript markdown 编辑器实现双屏同步滚动
这篇文章主要介绍了JavaScript markdown 编辑器实现双屏同步滚动,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下2022-08-08浅谈javascript中的Function和Arguments
下面小编就为大家带来一篇浅谈javascript中的Function和Arguments。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-08-08
最新评论