解決Layui中templet中a的onclick參數(shù)傳遞的問題
更新時間：2019年09月20日 10:39:08 作者：黃寶康
今天小編就為大家分享一篇解決Layui中templet中a的onclick參數(shù)傳遞的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
以下是我的模板，主要用在列表頁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如果有單引號或者雙引號會報js錯誤。
于是改成下面的形式解決問題。
<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的單引號，讓瀏覽器渲染，因?yàn)樵趆tml中，普通的a標(biāo)簽的click事件也是可以不用帶單引號或雙引號的。
給后人提醒，小心進(jìn)坑。
以上這篇解決Layui中templet中a的onclick參數(shù)傳遞的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
利用原生JS實(shí)現(xiàn)歡樂水果機(jī)小游戲
這篇文章主要介紹了利用原生JS實(shí)現(xiàn)歡樂水果機(jī)小游戲,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
使用ECharts實(shí)現(xiàn)狀態(tài)區(qū)間圖
這篇文章主要為大家詳細(xì)介紹了使用ECharts實(shí)現(xiàn)狀態(tài)區(qū)間圖，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
下面小編就為大家?guī)硪黄赼jax和jsonp的原生封裝(實(shí)例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
javascript使用正則獲取url上的某個參數(shù)
使用indexOf取得？之后的參數(shù)，以&使split進(jìn)行分割成數(shù)組，下面展示了一個從url上獲取名為MenuCode參數(shù)的過程2014-09-09
今天小編就為大家分享一篇關(guān)于JS無限級導(dǎo)航菜單實(shí)現(xiàn)方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
下面小編就為大家?guī)硪黄猨s匿名函數(shù)使用&傳參(實(shí)例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序多列選擇器range-key的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
用js實(shí)現(xiàn)的替換除數(shù)字與逗號以外的所有字符的代碼，因?yàn)樾枰コ貜?fù)，這樣的話就會有很多的逗號需要替換2014-06-06
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)密碼框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JS實(shí)現(xiàn)簡單控制視頻播放倍速的實(shí)例代碼
這篇文章主要介紹了通過JS來實(shí)現(xiàn)簡單控制視頻播放倍速,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04