解決Layui中templet中a的onclick參數(shù)傳遞的問(wèn)題
更新時(shí)間：2019年09月20日 10:39:08 作者：黃寶康
今天小編就為大家分享一篇解決Layui中templet中a的onclick參數(shù)傳遞的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
以下是我的模板，主要用在列表頁(yè)table中的按鈕，點(diǎn)擊彈窗展開(kāi)詳情頁(yè)的功能。
<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)目跑了許久，突然說(shuō)點(diǎn)擊查看內(nèi)容沒(méi)反應(yīng)，查出原因是，d.CONTENT如果有單引號(hào)或者雙引號(hào)會(huì)報(bào)js錯(cuò)誤。
于是改成下面的形式解決問(wèn)題。
<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ù)傳遞的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
利用原生JS實(shí)現(xiàn)歡樂(lè)水果機(jī)小游戲
這篇文章主要介紹了利用原生JS實(shí)現(xiàn)歡樂(lè)水果機(jī)小游戲,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-04-04
使用ECharts實(shí)現(xiàn)狀態(tài)區(qū)間圖
這篇文章主要為大家詳細(xì)介紹了使用ECharts實(shí)現(xiàn)狀態(tài)區(qū)間圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
下面小編就為大家?guī)?lái)一篇基于ajax和jsonp的原生封裝(實(shí)例)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
javascript使用正則獲取url上的某個(gè)參數(shù)
使用indexOf取得？之后的參數(shù)，以&使split進(jìn)行分割成數(shù)組，下面展示了一個(gè)從url上獲取名為MenuCode參數(shù)的過(guò)程2014-09-09
JS無(wú)限級(jí)導(dǎo)航菜單實(shí)現(xiàn)方法
今天小編就為大家分享一篇關(guān)于JS無(wú)限級(jí)導(dǎo)航菜單實(shí)現(xiàn)方法，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
下面小編就為大家?guī)?lái)一篇js匿名函數(shù)使用&傳參(實(shí)例)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序多列選擇器range-key的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
用js替換除數(shù)字與逗號(hào)以外的所有字符的代碼
用js實(shí)現(xiàn)的替換除數(shù)字與逗號(hào)以外的所有字符的代碼，因?yàn)樾枰コ貜?fù)，這樣的話(huà)就會(huì)有很多的逗號(hào)需要替換2014-06-06
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)密碼框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JS實(shí)現(xiàn)簡(jiǎn)單控制視頻播放倍速的實(shí)例代碼
這篇文章主要介紹了通過(guò)JS來(lái)實(shí)現(xiàn)簡(jiǎn)單控制視頻播放倍速,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04