返回顶部
首页 > 资讯 > 前端开发 > html >如何实现Layui templet中a的onclick参数传递
  • 798
分享到

如何实现Layui templet中a的onclick参数传递

2024-04-02 19:04:59 798人浏览 独家记忆
摘要

小编给大家分享一下如何实现Layui templet中a的onclick参数传递,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!以下是我的模板,主要用在列表页table中的按钮,点击弹窗展开

小编给大家分享一下如何实现Layui templet中a的onclick参数传递,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

以下是我的模板,主要用在列表页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参数传递”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网html频道,感谢各位的阅读!

--结束END--

本文标题: 如何实现Layui templet中a的onclick参数传递

本文链接: https://lsjlt.com/news/74487.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 如何实现Layui templet中a的onclick参数传递
    小编给大家分享一下如何实现Layui templet中a的onclick参数传递,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!以下是我的模板,主要用在列表页table中的按钮,点击弹窗展开...
    99+
    2024-04-02
  • React中onClick传递参数问题的示例分析
    这篇文章给大家分享的是有关React中onClick传递参数问题的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 背景说明在下图这样的列表中,点击删除按钮需要执行删除操作 列表产生:{...
    99+
    2023-06-25
  • postman中实现传递@RequestBody参数
    目录传递@RequestBody参数Java项目中类:(POST请求方法)postman中请求的参数小结一下@RequestBody修饰的对象传参数例如有如下接口那么在postman...
    99+
    2024-04-02
  • Vue的指令中如何实现传递更多参数
    本篇内容主要讲解“Vue的指令中如何实现传递更多参数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue的指令中如何实现传递更多参数”吧!基本原理本文介绍的指令扩展方法,主要以闭包为基础,并且使...
    99+
    2023-06-30
  • Spring Boot/VUE中如何实现路由传递参数
    这篇文章将为大家详细讲解有关Spring Boot/VUE中如何实现路由传递参数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在路由时传递参数,一般有两种形式,一种是拼接...
    99+
    2024-04-02
  • ajax如何实现回调函数参数传递
    这篇文章主要介绍ajax如何实现回调函数参数传递,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 属性方法是可以带参数: 复制代码 代码如下:functi...
    99+
    2024-04-02
  • python如何传递函数中的参数
    在python中传递函数参数的方法有以下几种使用function(**kwargs)方法传参def func(**kwargs):print kwargsfunc(a = 1, b = 2, c = 3)输出为:{'a':1, 'b':2,...
    99+
    2024-04-02
  • Python中函数参数如何传递
    这篇文章主要介绍了Python中函数参数如何传递,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。函数参数如何传递key-value方式传递参数:下面是非常常见的传递方式,参数名...
    99+
    2023-06-25
  • vbs如何实现循环产生的参数传递
    小编给大家分享一下vbs如何实现循环产生的参数传递,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Set objFSO = Creat...
    99+
    2023-06-08
  • angular中如何实现控制器之间传递参数
    这篇文章将为大家详细讲解有关angular中如何实现控制器之间传递参数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在angular中,每个controller(控制器)...
    99+
    2024-04-02
  • JSP跨iframe如何传递参数实现代码
    表单与操作页面分离 按钮按下,click 或者onclick事件触发 传递一个唯一性的参数至子页面JSP, 子页面内,负责查询与判断逻辑, JSP:FORWARD尝试过,直接报错 复...
    99+
    2022-11-15
    JSP跨iframe 传递参数
  • RestTemplate Get请求如何实现bean参数传递
    今天小编给大家分享一下RestTemplate Get请求如何实现bean参数传递的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起...
    99+
    2023-07-04
  • 如何用vue实现组件间参数传递
    这篇文章主要介绍“如何用vue实现组件间参数传递”,在日常操作中,相信很多人在如何用vue实现组件间参数传递问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何用vue实现组件间参数传递”的疑惑有所帮助!接下来...
    99+
    2023-07-04
  • php如何实现自动跳转传递参数
    今天小编给大家分享一下php如何实现自动跳转传递参数的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、get 方式传递参数g...
    99+
    2023-07-05
  • C++ 函数的参数如何传递?
    在 c++++ 中,参数传递有两种方式:按值传递:创建参数副本,函数修改副本不影响原参数。按引用传递:传递参数引用,函数修改引用会影响原参数。 C++ 函数参数的传递方式 在 C++ ...
    99+
    2024-04-18
    c++ 函数参数
  • Angular中如何实现$state.go页面跳转并传递参数
    这篇文章给大家分享的是有关Angular中如何实现$state.go页面跳转并传递参数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。路由页面(注意这里要在路由上添加一个参数用于传...
    99+
    2024-04-02
  • Vue的指令中实现传递更多参数
    目录概要基本原理基于闭包的扩展方案实例和代码实现Main.js中将指令对应的插件全局化ImageLoad插件定义图片加载管理类的定义Vue 3.0的实现概要 我们在使用Vue的开发项...
    99+
    2024-04-02
  • Android中Okhttp3如何实现上传多张图片同时传递参数
    这篇文章给大家分享的是有关Android中Okhttp3如何实现上传多张图片同时传递参数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。最近做项目,打算换个方法上传图片。Andro...
    99+
    2024-04-02
  • 如何传递 C++ 函数中的指针参数
    指针参数用于在 c++++ 函数之间传递函数地址,以及用作实际参数。语法:returntype functionname(datatype *parametername); 例如,求和函...
    99+
    2024-04-20
    c++ 指针
  • vue中的get方法\post方法如何实现传递数组参数
    目录get方法\post方法如何传递数组参数第一部分:vue中get方法如何传递数组参数 下面列出我的接口格式及解决方法的源码vue get与post传参方式1.post:...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作