解決Layui中templet中a的onclick參數(shù)傳遞的問題
更新時間：2019年09月20日 10:39:08 作者：黃寶康
今天小編就為大家分享一篇解決Layui中templet中a的onclick參數(shù)傳遞的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
以下是我的模板，主要用在列表頁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參數(shù)傳遞的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
本文通過實例代碼給大家介紹了js中的attr的用法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-10-10
懸浮窗就是圖中微信圖標的按鈕，采用fixed定位，可拖動和點擊。本文給大家分享一個比較常見的常見，通過實例代碼給大家介紹微信小程序中懸浮窗功能的實現(xiàn)，一起看看吧2019-08-08
這篇文章主要為大家詳細介紹了bootstrap switch開關組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript對JSON數(shù)據(jù)進行排序和搜索
今天教給大家如何使用數(shù)組的方法來實現(xiàn)JSON數(shù)據(jù)進行排序和搜索功能，具體實例代碼大家參考下本文吧2017-07-07
下面小編就為大家?guī)硪黄獪\談js構造函數(shù)的方法與原型prototype。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易留言板，節(jié)點進行操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細介紹了微信小程序自定義單選框樣式實現(xiàn)單選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能(防止刷新倒計時失效)
這篇文章主要介紹了JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能防止刷新倒計時失效問題，在項目開發(fā)中經(jīng)常會用到此功能，下面小編通過本文給大家分享JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能(防止刷新倒計時失效)，需要的朋友參考下吧2017-07-07
這篇文章主要為大家詳細介紹了js如何實現(xiàn)檢測用戶輸入密碼強度，從四個方面檢測用戶輸入的密碼的強度的，感興趣的小伙伴們可以參考一下2015-10-10
easyui window refresh 刷新兩次的解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui window refresh 刷新兩次的解決方法(推薦)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05