layui使用--lay-href

最新推荐文章于 2024-06-08 00:26:50 发布
最新推荐文章于 2024-06-08 00:26:50 发布
阅读量2.8w 收藏 4
点赞数 2
分类专栏： layui 文章标签： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40786625/article/details/98061156
版权

需求:  在操作日志里边 点击用户id, 需要带着这个id跳转到账号列表里, 并且搜索出这个用户的信息:

一开始是知道 给a标签设置一个lay-href: 

<a lay-href="xxx.html">用户id</a>

跳转是可以跳转了, 但是有一个问题, 如下: 

tab的title变成了前一个页面的用户id, 然后, 找了资料, 发现需要这样设置: 

<a lay-href="xxxx.html" lay-text="账号列表">用户id</a>

哈哈哈 , 这就设置好了: 

继续爬
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
专栏目录
js layui跳转页面_layui lay-href不能成功跳转页面
weixin_35793573的博客
01-11 6074
我们项目是jquery+layui组件库开发的，由于今年项目产品变动， 增加了很多跳转页面的需求，所以选择了lay-href来实现，简单讲下遇到的不能正确跳转的几个坑：1、在跳转的js中需引入下面这段js，不然标签有lay-href属性也不能正常跳转//标签页跳转方法/**layuiAdmin.std-v1.0.0-beta7LPPLLicenseByhttp://www.layui.c...
LayUI入门
weixin_61523879的博客
07-08 200
layui入门
layui框架点击a标签实现在内部跳转
最新发布
2402_83511256的博客
06-08 373
('dd>a').on('click',(function () {//表示给dd标签下的a标签设置click事件。lay-filter它的主要作用是监听表格的各种事件，例如：单元格的编辑、单元格单击、行单击、复选框选中、工具栏按钮单击等。name="content_iFrm"用于接收target="content_iFrm"var $=layui.$;href="holler.html"表示要跳转哪个界面。
LayuiAdmin iframe版子页面中a标签lay-href打开Tab页时，左侧菜单没有对应选中的解决方案
梦丶随心飞
07-14 2151
LayuiAdmin iframe版子页面中a标签lay-href打开Tab页时，左侧菜单没有对应选中的解决方案 废话不多说，直接上代码。 <div class="lay-new-tab" lay-id="home/homepage">主页</div> var $ = jQuery = layui.$; // 声明引用jQuery $(document).on("click", ".lay-new-tab", function() { // 指定监听lay-new-tab这个C
layui项目搭建：href地址不变，仅切换页面部分内容
羽下佳人的博客
04-28 4481
原理： 1、a链接不走href进行跳转，属性target设置为网页地址 2、通过click鼠标点击动态渲染div内容，自动引入iframe 实现： 1.首页搭建 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
layui 树形组件href在iframe中打开方式
qq_32489037的博客
11-30 2175
@Layui 快速使用 引入tree模块 layui.use('tree', function(){}） 声明tree var tree = layui.tree; 渲染tree结构 在html中定义一个带有id的div <div id="tree"></div> 通过 tree.render() 方法指定一个元素，便可快速创建一个 tree 实例。 var inst...
layui-steps
11-15
<link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.all.js"> ``` 然后，你可以创建一个`<div>`元素作为steps容器，并使用layui的`layui-steps`类来初始化步骤条。例如： ```html ...
layui-高级表格-soul-table功能-HTML源码
10-02
<link rel="stylesheet" href="layui.css"> <script src="layui.js"> <script src="soul-table.min.js"> <table id="demo" lay-filter="test"> layui.use(['table', 'soulTable'], function() { var ...
前端 layui-fromSelects 下拉框多选,搜索
03-30
<link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js"> ``` 二、创建下拉框 在 HTML 结构中，我们可以创建一个 `select` 元素，通过添加 `lay-filter` 和 `lay-search` 属性来启用 ...
layUI实现三级导航菜单效果
12-13
在本文中，我们将深入探讨如何使用layUI框架来实现一个具有三级导航菜单的效果。layUI是一个流行的前端开发框架，它提供了丰富的组件和样式，使得构建响应式和美观的用户界面变得简单。对于后台管理界面，三级导航...
layui使用form表单实现post请求页面跳转的方法
10-16
本文将详细介绍如何使用layui的form表单实现POST请求并进行页面跳转，以确保数据安全且避免信息泄露。 通常，通过`window.location.href`的方式添加参数进行页面跳转会将数据暴露在URL中，这可能带来安全风险。为了...
layui javascript 导航菜单设置为href跳转后保持选中状态
Irvinfaith的博客
01-07 3370
问题： 通过layui的导航栏可以完成如下的布局： <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item"> <a class="" href="javascript:;">A</a> <dl class="layui-nav-child"> <dd><a
解决在 layui 中 lay-href 无法在data table 中响应相应的点击事件的解决方案
育哥的博客
06-23 2300
解决在 layui 中 lay-href 无法在data table 中响应相应的点击事件的解决方案，终于解决困扰多时的问题。 直接上代码。 <script type="text/html" id="user-bar"> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="show"><i class="pear-icon pear-icon-edit"></i>
a标签不跳转
sinat_38992528的博客
12-06 1904
a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： 点此无反应javascript:void(0) 点此无反应javascript: 标签事件onclick，阻止其默认行为。如： return false; return false; 注意：只有
lay-href页面不跳转
qq_40787608的博客
03-04 2149
底部这段js是页面跳转的关键，这两段js有报错需要检查一下路径 <script src="__LAYUI__/layui.js"></script> <script> layui.config({ base: '__LAYUI_ADMIN__/' //静态资源所在路径 }).extend({ index: '/lib/index' //主入口模块 }).use('index'); </script>
.net layui mvc 数据表格a标签动态
Tenderness104的博客
06-09 309
实现点击未审核跳转页面 <script type="text/html" id="barDemo"> {{# if( d.GzsId != null){ }} <a href="/Order/CheckNote/?GId=={{d.GzsId}}" class="layui-table-link" target="_blank">未审核</a> {{# } }} </script&g..
wget 路径_Mac，Windows，Linux各系统怎样修改系统路径
weixin_39620065的博客
12-12 213
在执行命令的时候你是否遇见到这种Powershell中找不到命令的情况Powershell 中找不到命令的情况或者这种cmd中找不到命令的情况cmd中找不到命令的情况出现这种情况一般有这几种可能：命令输错了执行的命令没有安装执行的命令所在目录不在系统执行路径下对于上面的第1种情况没有什么解决方案，重输吧， 输对了就行了第2种情况安装对应的命令就行了，比如执行wget, 报了类似上面截图中的错误在M...
layuiAdmin打开新窗口、新标签页
sayyy的专栏
04-12 6427
这里写自定义目录标题前言打开新窗口打开新窗口的代码源码 前言 layuiAdmin.std-v1.2.1 打开新窗口 在控件上添加 lay-href 属性。 <a lay-href="xxxx.html" lay-text="账号列表">打开新窗口</a> 打开新窗口的代码 top.layui.index.openTabsPage(url, title); 打开新窗口的方法： //iframe的方式打开 参数：url地址 tit标题 function newTab(url,
layui lay-href javascript
06-10
`lay-href`是layui框架中的一个属性，用来实现页面跳转。当我们在页面中使用`lay-href`属性时，点击该元素时，会自动跳转到`lay-href`属性指定的页面。 例如： ``` <a href="javascript:;" lay-href=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值