web前端三大主流框架 Layui框架中“l(fā)ayui-this”這個屬性怎么動態(tài)？
Layui框架中“l(fā)ayui-this”這個屬性怎么動態(tài)？首先，偵聽click事件，刪除Li的所有l(wèi)ay UI this屬性，然后將lay UI this屬性設(shè)置為所需的Li。請參閱JQ示例：$（）。
Layui框架中“l(fā)ayui-this”這個屬性怎么動態(tài)？
首先，偵聽click事件，刪除Li的所有l(wèi)ay UI this屬性，然后將lay UI this屬性設(shè)置為所需的Li。
請參閱JQ示例：
$（）。Layui NAV項(xiàng)目“）。在（“click”上，函數(shù)（）{
if（！$（這個）。Hasclass（“l(fā)ayui this”）{
$（this）。Addclass（“l(fā)ayui this”）。兄弟姐妹（”。Layui NAV項(xiàng)目“）。Removeclass（“l(fā)ayui this”）
//如果沒有l(wèi)ayui this，點(diǎn)擊添加，刪除其他的
}
如何對layuitable進(jìn)行自定義？
1步驟1：打開我們計(jì)算機(jī)上的軟件，創(chuàng)建一個新的HTML，添加layui的JS和CSS文件，如下圖所示：2步驟2：在<head> tag Face introduction中打開新的HTML文件layui.css文件， layui.js公司文件，如下圖所示：3在第三步中，我們開始編寫正文頁的內(nèi)容。這里給出的表內(nèi)容是layui的表示例數(shù)據(jù)，如下圖所示：4在第四步中，我們最終在表數(shù)據(jù)中添加了click事件，表.on（“工具（demoevent）”，函數(shù)（obj）{}偵聽單元格事件，圖層.提示（）彈出框，使用對象更新e（{符號：值})要更新表和緩存，如下圖所示：5步驟5：在瀏覽器中打開HTML頁面，可以看到表格數(shù)據(jù)內(nèi)容，如下圖所示：6步驟6：點(diǎn)擊表格數(shù)據(jù)內(nèi)容，彈出框顯示單元格中的數(shù)據(jù)，可以看到點(diǎn)擊事件通過layui添加到表格數(shù)據(jù)中，如下圖所示：
只有我一個人感覺Layui和Vue差別不大嗎？
Layui基于jQuery。當(dāng)然，在很多地方，它也直接操作Josn的數(shù)據(jù)，直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上，開發(fā)商不需要在意。要編寫Vue，它們需要在DOM的指定位置綁定數(shù)據(jù)，甚至執(zhí)行一些邏輯，例如V-IF。Layui實(shí)際上是一個直接調(diào)用的打包方法。
Vue最大的問題是，如果頁面非常復(fù)雜，DOM、數(shù)據(jù)和方法不在同一個位置，那么它將花費(fèi)人們的生命。當(dāng)然，vue3已經(jīng)解決了這個問題，所有的邏輯都可以寫成函數(shù)。就我個人而言，我仍然認(rèn)為簡單的頁面使用Vue，復(fù)雜的業(yè)務(wù)邏輯使用jQuery
是的，layui數(shù)據(jù)表有三種呈現(xiàn)方法。
1. 方法渲染。
2. 自動渲染。
3. 轉(zhuǎn)換靜態(tài)表呈現(xiàn)。如果要動態(tài)添加線，則不方便自己模擬相同的樣式。目前，最方便的方法是在更改源數(shù)據(jù)后使用其reload方法重新加載表。Reference:layui動態(tài)地向數(shù)據(jù)表添加一行，并跳轉(zhuǎn)到從CSDN添加該行的頁面