解决Layui中templet中a的onclick参数传递的问题
2019-12-11 12:11
2943 查看
以下是我的模板,主要用在列表页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参数传递的问题就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 1:HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法 2:LocalStorage存储JSON对象的问题 3:ajax请求传送参数为对象问题
- js中append字符串包含onclick无效传递参数失败问题解决方案
- 解决获取地址栏参数传递中中文乱码的问题
- [转]解决get方法传递URL参数中文乱码问题
- 利用NSInvocation给NSObject添加一个分类方法,解决传递多参数问题
- 用ajax传递参数时遇到中文乱码问题的解决方法
- 解决shell脚本参数传递含有空格的问题
- jquery ajax传递中文参数乱码问题及解决方法说明
- 四种方案解决Form之间相互访问、参数传递的问题
- 解决jsp参数传递乱码的问题
- 解决WCF接口无法传递object参数的问题
- 解决get方法传递URL参数中文乱码问题
- .net 解决js传递参数时,url汉字乱码问题
- 解决get方法传递URL参数中文乱码问题
- 解决JSP参数传递乱码的问题
- JavaScript跳转页面/Action并传递中文参数[解决js超链接传递过程中产生的中文乱码问题]
- dephi调用DotNet2.0参数传递和乱码问题解决
- jsp中<a href=""></a>标签传递参数乱码问题解决
- url传递参数时遇到的乱码问题解决方法
- 解决JSP传递汉字参数变乱码问题