2016 - 2024

感恩一路有你

web前端三大主流框架 Layui框架中“layui-this”这个属性怎么动态?

浏览量:2346 时间:2021-03-13 09:54:03 作者:admin

Layui框架中“layui-this”这个属性怎么动态?

首先,侦听click事件,删除Li的所有lay UI this属性,然后将lay UI this属性设置为所需的Li。

请参阅JQ示例:

$()。Layui NAV项目“)。在(“click”上,函数(){

if(!$(这个)。Hasclass(“layui this”){

$(this)。Addclass(“layui this”)。兄弟姐妹(”。Layui NAV项目“)。Removeclass(“layui this”)

//如果没有layui this,点击添加,删除其他的

}

如何对layuitable进行自定义?

1步骤1:打开我们计算机上的软件,创建一个新的HTML,添加layui的JS和CSS文件,如下图所示:2步骤2:在<head> tag Face introduction中打开新的HTML文件layui.css文件, layui.js公司文件,如下图所示:3在第三步中,我们开始编写正文页的内容。这里给出的表内容是layui的表示例数据,如下图所示:4在第四步中,我们最终在表数据中添加了click事件,表.on(“工具(demoevent)”,函数(obj){}侦听单元格事件,图层.提示()弹出框,使用对象更新e({符号:值})要更新表和缓存,如下图所示:5步骤5:在浏览器中打开HTML页面,可以看到表格数据内容,如下图所示:6步骤6:点击表格数据内容,弹出框显示单元格中的数据,可以看到点击事件通过layui添加到表格数据中,如下图所示:

只有我一个人感觉Layui和Vue差别不大吗?

Layui基于jQuery。当然,在很多地方,它也直接操作Josn的数据,直接显示绑定的数据。Vue的底层是操作虚拟DOM来实现数据绑定。事实上,开发商不需要在意。要编写Vue,它们需要在DOM的指定位置绑定数据,甚至执行一些逻辑,例如V-IF。Layui实际上是一个直接调用的打包方法。

Vue最大的问题是,如果页面非常复杂,DOM、数据和方法不在同一个位置,那么它将花费人们的生命。当然,vue3已经解决了这个问题,所有的逻辑都可以写成函数。就我个人而言,我仍然认为简单的页面使用Vue,复杂的业务逻辑使用jQuery

是的,layui数据表有三种呈现方法。

1. 方法渲染。

2. 自动渲染。

3. 转换静态表呈现。如果要动态添加线,则不方便自己模拟相同的样式。目前,最方便的方法是在更改源数据后使用其reload方法重新加载表。Reference:layui动态地向数据表添加一行,并跳转到从CSDN添加该行的页面

web前端三大主流框架 layui刷新tab选项卡 layui动态加载菜单

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。