记录一个layui框架之自定义模块出现的问题

最新推荐文章于 2023-07-13 12:57:10 发布
原创 最新推荐文章于 2023-07-13 12:57:10 发布 · 634 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在一个项目中，index.js和userInfo.js分别引入了bodyTab.js和address.js模块，但启动后发现模块路径多了一层目录，尝试在userInfo.js中修改路径解决，但仍需了解根本原因。

再同一个目录下有index.js文件以及userInfo.js文件还有两个自定义模块address.js和bodyTab.js
在这里插入图片描述
在我index.js中引入的是bodyTab.js模块
在这里插入图片描述

userInfo.js中引入的是address.js模块
在这里插入图片描述

项目启动，开始访问出现神奇的事情
这个是index去获取的bodyTab.js模块的路径
在这里插入图片描述
这个是userInfo去获取address.js模块的路径
在这里插入图片描述
多了一层目录，到现在没搞明白只能在userInfo.js中获取模块的路径上去做出改变
在这里插入图片描述
这样子虽然可以解决问题，但是根本原因并未找到，有过类似方面经验的朋友还望不吝解惑。

Layui----动态选项卡
m0_74934282的博客
07-13 1130
浏览器中，通常位于浏览器窗口的顶部，每个选项卡上显示着网页的标题，用户可以通过点击相应的选项卡来切换到对应的网页内容。另外，用户还可以通过右键点击选项卡来进行一些操作，例如重新加载页面、关闭选项卡等。Tab广泛应用于Web页面，因此我们也对其进行了良好的支持（简约风格、卡片风格、响应式Tab以及带删除的Tab等等）。Layui内置多种Tab风格，支持删除选项卡、并提供响应式支持。
layui之动态选项卡Tab
weixin_67677668的博客
07-18 1182
layui之动态选项卡Tab
LayUI动态选项卡的使用
weixin_74268571的博客
07-12 4389
选项卡（Tab）是指Web浏览器中显示多个网页或文档的标签式界面。每个选项卡相当于一个独立的窗口。选项卡的详细使用步骤。
LayUI选项卡的使用
liaozhixiangjava的博客
07-13 3033
选项卡（Tab）是计算机界面中常见的一种元素，用于在同一个窗口或应用程序中同时显示多个页面或功能。每个选项卡代表一个独立的页面或功能，用户可以通过点击选项卡来切换不同的内容。通常，选项卡以水平或垂直的方式排列在窗口的顶部或侧边，每个选项卡上通常会显示一个标签，标注该选项卡所代表的内容或功能。当用户点击某个选项卡时，该选项卡的内容会在主窗口中显示，其他选项卡的内容则会被隐藏。选项卡的使用可以提高用户界面的可用性和效率，让用户可以在不打开多个窗口或应用程序的情况下同时访问多个页面或功能。
layui 在引用过程中出现路径错误，经常找不到moudles下的form.js、table.js解决方案
10-29 4013
配置layui的相对路径 layui.config({ dir: '/wscs/assets/vendor/layui/' , version: false , debug: false , base: '' });
layui 自定义模块
weixin_30898109的博客
09-25 677
新建模块目录modules 新建common.js layui.define(['jquery'], function (exports) { var $ = layui.jquery; var obj = { test: function () { alert('test from common'); } ...
用于layui table 自定义列
07-06
其中，layui table是layui框架中的一个核心组件，用于展示数据表格。本教程将深入探讨如何利用layui table实现自定义列，以及如何保存和应用这些自定义模板。 一、layui table组件基础 layui table组件提供了灵活...
LayUi数据表格自定义赋值方式
10-16
其中，LayUi的数据表格组件是十分常用的一个功能模块，它支持表格数据的展示、编辑、排序、分页等功能。本文将详细介绍LayUi数据表格中的自定义赋值方式，通过这种方式，开发者可以灵活地根据后端传递的数据来定制化...
基于Layui自定义模块的使用方法详解
10-16
Layui是一个流行的前端UI框架，它能够让后端开发者快速搭建界面，而不需要深入了解前端技术。Layui提供了一系列模块化组件，开发者可以很方便地使用这些组件来开发界面。然而在一些特定的开发场景中，我们可能需要...
基于layui自定义表单组件
03-28
【基于layui自定义表单组件】是针对C#开发者设计的一种高效前端开发工具，它结合了layui框架的优势，为创建动态、交互性强的Web表单提供了便利。layui是一款优秀的前端轻量级框架，以其简洁的代码结构、丰富的模块...
前端框架layui轮播图自定义上一页，下一页按钮 选项卡+轮播+图片预览viewer.min.js
12-30
在前端开发中，layui是一个非常受欢迎的轻量级前端组件库，它提供了丰富的UI元素和交互功能，使得开发者能够快速构建美观且响应式的Web页面。本主题主要关注layui中的轮播图组件，以及如何结合选项卡和图片预览功能...
layui 表格的自定义模板雷区
he的博客
07-29 333
layui 表格的自定义模板雷区在titleTpl里面自定义HTML时，如果某些标签带有id属性，那么将造成表格的某一列的数据拥有相同的id属性，在使用jquery的选择器时，只会选择第一个id=xxx的数据，导致不论怎么改变其他id=xxx的数据，始终只会返回第一个id=xxx的数据，这是一个非常低级的错误，但是浪费了我大半天时间。解决方法，使用vue动态赋值id，使表格每次渲染不同的id。 在titleTpl里面自定义HTML时，如果某些标签带有id属性，那么将造成表格的某一列的数据拥有相同的id属性，
layui自定义模块使用
https://ligo100.cn 小何博客欢迎访问。
08-01 420
layui 自定义模块 1. 前言 今天在写一个功能模块的时候突然想起了以前想用但是没有的东西：layui自定义模块，于是按照官方文档进行编写，编写中我遇到两个大坑: 坑一： 我自定义的 js 功能模块没有加载(已解决) 坑二： 我想引入一个 js插件，但是一直加载不成功(解决中)，我想的是实在不行采用非模块化方式引入。虽然坑二未解决，但是如果你不引入外部 js插件也还是可以用的 2.用法...
LayUI动态加载左侧菜单以及tab组件的使用
m0_73329959的博客
07-13 2330
上一篇讲到了layui的基本入门使用，今天拓展一下layui的其他组件吧目录源码jsp页面js代码dao层Servlet层今日问答疑问1今日金句（符合气质，绝对够金）
springboot + Mybatis +前端layui 项目总结（二）
Penguin
07-13 949
一.RBAC的实现 RBAC重点是数据库的构建，和返回对应前端组件的树结构。 1.1角色树展示接口 xml根据用户id返回layui树组件 <!--查询用户对应的角色--> <select id="selectUserRole" resultType="com.qcby.teaching.msgmanage.util.TreeNode"> SELECT r1.id, r1.role_name t.
使用.LayUI实现动态选项卡Tab的强大功能
2201_75869073的博客
07-12 3249
通过本文，我们了解了如何使用.LayUI来创建动态选项卡Tab，并展示了其强大的功能。借助.LayUI框架提供的丰富组件和灵活的API，我们可以轻松实现动态选项卡Tab，为用户提供更好的使用体验。希望这篇博客对你有所帮助，祝你在Web开发中取得成功！
layui 页面内流加载更多内容；
onlylele的博客
01-02 2249
实现效果如下：页面内打开弹框，实现加载更多效果； 1. HTML部分设置： <!-- 消息提醒 --> <a id="top-message" class="layui-icon layui-icon-notice"><span class="layui-badge mes-num">9</span></a> <!...
layui的tab选项卡
慧小慧博客
05-27 8794
Tab切换卡 开发工具与关键技术：MVC 作者：邱慧敏 撰写时间：2019.05.27 效果图： Layui的tab切换卡，里面居然隐藏着一个关键模块，可以说如果没有这个声明的模块，那切换的功就不能实现。 下面就说说在body里的代码结构：最外层先给一个 class=“layui-tab” 里面有两层，一个是用ul标签装切换卡的表头（名称），一个是div包裹着的内容，如图： 很明显ul标签...
html小总结:
qq_58148854的博客
11-21 665
这是tab页如何使用: <div class="layui-fluid "> <div class="layui-card"> <!--表格数据--> <div class="layui-card-body"> <div class="layui-tab layui-tab-brief" lay-filter="LAY-pxxq-pxxq-TrainingNeeds-tab"> .
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值