解决Layui中templet中a的onclick参数传递的问题


Posted in Javascript onSeptember 20, 2019

以下是我的模板,主要用在列表页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参数传递的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript前端UI框架Kit使用指南之kitjs事件管理
Nov 28 Javascript
JavaScript编程中的Promise使用大全
Jul 28 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 Javascript
JS实现双击屏幕滚动效果代码
Oct 28 Javascript
js创建对象的方法汇总
Jan 07 Javascript
JavaScript 链式结构序列化详解
Sep 30 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
分分钟学会vue中vuex的应用(入门教程)
Sep 14 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
Dec 15 Javascript
jquery自定义显示消息数量
Dec 19 jQuery
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 #Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 #Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 #Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 #Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 #Javascript
layui 中select下拉change事件失效的解决方法
Sep 20 #Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
Sep 20 #Javascript
You might like
php查询ip所在地的方法
2014/12/05 PHP
php截取中文字符串函数实例
2015/02/23 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
thinkphp修改配置进入默认首页的方法
2017/02/07 PHP
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
加载 Javascript 最佳实践
2011/10/30 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
Web打印解决方案之证件套打的实现思路
2016/08/29 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
Vue组件化开发思考
2018/02/02 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
用Python写的图片蜘蛛人代码
2012/08/27 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
python中实现指定时间调用函数示例代码
2017/09/08 Python
快速了解Python相对导入
2018/01/12 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
python线程中的同步问题及解决方法
2019/08/29 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
详解KMP算法以及python如何实现
2020/09/18 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
服装厂厂长岗位职责
2013/12/27 职场文书
大学生涯自我鉴定
2014/01/16 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
2014年乡镇团委工作总结
2014/12/18 职场文书
预备党员的思想汇报,你真的会写吗?
2019/06/28 职场文书
ES6 解构赋值的原理及运用
2021/05/25 Javascript