layui templet中html标签获取js全局变量方法

柔光的暖阳◎ 2023-06-06 12:13 37阅读 0赞

开发中涉及layui中，在使用到table的模板方法时templet，会遇到其内部除了使用table field （此处通过d.来获取，就不啰嗦了）

然后如果想获取某个外部js中的全局变量，该如何获取呢

首先在页面中引入外部js

conf.js

var SURL = 'http://localhost:8080/mydemo';

在html页面中的templet

<script type="text/html" id="barDemo">
        {
       {# var serverurl = SURL;}}
        {
       {#  if(d.state == '1'||d.state == '2'){ }}
        <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-normal" lay-event="detail" href="{
       {serverurl}}/download.do?id={
       {d.id}}" >下载</a>
        {
       {# }else if(d.state == '-2'){ }}
        <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" onclick="openErrorLog('{
       {d.errorLog}}')">信息</button>
        {
       {# }else if(d.state == '0'){ }}
        <span class="layui-badge layui-bg-gray">有效.</span>
        {
       {# }else { }}
        <span class="layui-badge layui-bg-gray">无效</span>
        {
       {# } }}
    </script>

或者直接以下这种干脆利落

href="{
       {SURL}}/download.do?id={
       {d.id}}"

然后在页面F12查看该“下载”元素dom，可见已经获取到了

![20191011172548384.png][]

[20191011172548384.png]: /images/20230601/f59afb7c613345fd984faee70e568c34.png

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui表格使用自定义模板templet

前言在前文 [layui+springboot实现表格增删改查][layui_springboot] 中，我们展示了如何使用layui将数据库数据渲染到前端表格中，但现

男娘i/ 2023年10月18日 22:29/ 0 赞/ 177 阅读

相关 layui表格使用templet模板。

table.render(\{ elem: '\test',

客官°小女子只卖身不卖艺/ 2023年07月18日 02:48/ 0 赞/ 53 阅读

相关 layui templet中html标签获取js全局变量方法

开发中涉及layui中，在使用到table的模板方法时templet，会遇到其内部除了使用table field （此处通过d.来获取，就不啰嗦了）然后如果想获取某个外部j

柔光的暖阳◎/ 2023年06月06日 12:13/ 0 赞/ 37 阅读

相关全局方法，全局变量

全局方法，全局变量全局变量：在index.vue中定义一个方法，请求接口去拿返回值 getimgurl:function(){ le

桃扇骨/ 2023年02月24日 13:29/ 0 赞/ 73 阅读

相关 js:全局变量

题目：给定的 js 代码中存在全局变量，请修复 function globals() { myObject = { name :

红太狼/ 2022年06月18日 07:43/ 0 赞/ 331 阅读

相关 LayUi 之 templet

templet是什么东西？我们都知道LayUi中有模板，就是把我们需要展示的东西放在模板中展示，你就比如我们想要展示一些数据，但是这些数据不是我们想要的数据或者不是我们想要

ゝ一纸荒年。/ 2022年05月20日 04:28/ 0 赞/ 340 阅读

相关 JS中声明全局变量

[https://www.cnblogs.com/signheart/p/3ca2afaca43d2dc69ce72c862a3ae81c.html][https_www.cn

落日映苍穹つ/ 2022年04月12日 05:56/ 0 赞/ 392 阅读

相关 js获取标签

js获取标签获取标签 1、id作为获取标签的方法 var obtn= document.getElementById('btn'); 2、标签名作为获取

爱被打了一巴掌/ 2022年03月24日 15:42/ 0 赞/ 319 阅读

相关 js中配置全局变量

在vue中使用： .js中： var BASE_URL = "http://localhost:9000/"; export func

ゝ一纸荒年。/ 2022年02月18日 14:41/ 0 赞/ 594 阅读

相关 html 标签全局属性

accesskey:规定激活元素的快捷键。 <a href="http://www.w3school.com.cn/css/" accesskey="c">C

你的名字/ 2021年07月24日 15:10/ 0 赞/ 514 阅读