前台layui报：Uncaught ReferenceError: xxxx is not defined at HTMLSpanElement.onclick

最新推荐文章于 2023-04-06 19:52:53 发布

等风

最新推荐文章于 2023-04-06 19:52:53 发布

阅读量3.4k

点赞数 3

分类专栏： Layui

本文链接：https://blog.csdn.net/weixin_42382250/article/details/104698279

版权

Layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在使用Layui动态渲染表格，并给表格内span标签增加onclick事件时，前台报Uncaught ReferenceError: xxxx is not defined at HTMLSpanElement.onclick

cols: [[
        {field: '',
         templet: function (d) {
return "<li data-id='111' class='jieda-daan'>" +
...
... +
'  <a href="#L_content">'+
'    <span type="reply" id="talkedClick" onclick="talked(' + d.anick + ');" >' +
'      <i class="iconfont icon-svgmoban53" ></i>回复' +
'    </span>' +
'  </a>';
    }
  }
]],

原因：onclick="talked(' + d.anick + ');"
渲染到页面onclick="talked(paramValue);"
看似没问题，但是会报 paramValue is not defined
为什么会报paramValue为定义呢？这不是后台传过来的数据吗？
而且奇怪的是当paramValue为数字时可以正常触发方法的执行…
百度一下原因有说是：js加载与页面渲染的顺序导致；
但是我这并不是该原因，因为paramValue数字时很正常。
无疑看了这篇文章https://blog.csdn.net/Myname_China/article/details/82907965
找到了我的问题：
处理办法：onclick='talked(\"" + d.anick + "\");'。仔细看，对于字符串在渲染后后台传过来的字符串就变成了变量，所以会报未定义。加上转义字符\"，经过渲染后就成了字符串。