解決Layui中templet中a的onclick參數(shù)傳遞的問題
更新時(shí)間：2019年09月20日 10:39:08 作者：黃寶康
今天小編就為大家分享一篇解決Layui中templet中a的onclick參數(shù)傳遞的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
以下是我的模板，主要用在列表頁table中的按鈕，點(diǎn)擊彈窗展開詳情頁的功能。
<script type="text/html" id="contentTpl">
<a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick='showContent("{{d.CONTENT}}")' >查看內(nèi)容</a>
</script>
項(xiàng)目跑了許久，突然說點(diǎn)擊查看內(nèi)容沒反應(yīng)，查出原因是，d.CONTENT如果有單引號(hào)或者雙引號(hào)會(huì)報(bào)js錯(cuò)誤。
于是改成下面的形式解決問題。
<script type="text/html" id="contentTpl">
<div><a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick=showContent('{{d.CONTENT}}') >查看內(nèi)容</a></div>
</script>
直接去吃onclick的單引號(hào)，讓瀏覽器渲染，因?yàn)樵趆tml中，普通的a標(biāo)簽的click事件也是可以不用帶單引號(hào)或雙引號(hào)的。
給后人提醒，小心進(jìn)坑。
以上這篇解決Layui中templet中a的onclick參數(shù)傳遞的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
本文通過實(shí)例代碼給大家介紹了js中的attr的用法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-10-10
懸浮窗就是圖中微信圖標(biāo)的按鈕，采用fixed定位，可拖動(dòng)和點(diǎn)擊。本文給大家分享一個(gè)比較常見的常見，通過實(shí)例代碼給大家介紹微信小程序中懸浮窗功能的實(shí)現(xiàn)，一起看看吧2019-08-08
bootstrap switch開關(guān)組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap switch開關(guān)組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript對(duì)JSON數(shù)據(jù)進(jìn)行排序和搜索
今天教給大家如何使用數(shù)組的方法來實(shí)現(xiàn)JSON數(shù)據(jù)進(jìn)行排序和搜索功能，具體實(shí)例代碼大家參考下本文吧2017-07-07
淺談js構(gòu)造函數(shù)的方法與原型prototype
下面小編就為大家?guī)硪黄獪\談js構(gòu)造函數(shù)的方法與原型prototype。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
JS實(shí)現(xiàn)簡易留言板（節(jié)點(diǎn)操作）
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡易留言板，節(jié)點(diǎn)進(jìn)行操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
微信小程序自定義單選框樣式實(shí)現(xiàn)單選功能
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義單選框樣式實(shí)現(xiàn)單選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效)
這篇文章主要介紹了JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能防止刷新倒計(jì)時(shí)失效問題，在項(xiàng)目開發(fā)中經(jīng)常會(huì)用到此功能，下面小編通過本文給大家分享JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效)，需要的朋友參考下吧2017-07-07
這篇文章主要為大家詳細(xì)介紹了js如何實(shí)現(xiàn)檢測用戶輸入密碼強(qiáng)度，從四個(gè)方面檢測用戶輸入的密碼的強(qiáng)度的，感興趣的小伙伴們可以參考一下2015-10-10
easyui window refresh 刷新兩次的解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui window refresh 刷新兩次的解決方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05