web前端三大主流框架 Layui框架中“layui

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添加该行的页面