web前端三大主流框架 Layui框架中“layui-this”这个属性怎么动态?
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动态加载菜单
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。