2016 - 2024

感恩一路有你

layui动态添加tab 只有我一个人感觉Layui和Vue差别不大吗?

浏览量:2633 时间:2021-03-15 03:30:27 作者:admin

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

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

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

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

layui动态添加tab layui跳转新打开一个页面 layui默认打开一个tab

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