Vue列表功能

2021-10-01 01:47:14 字數 736 閱讀 3201

用vue實現了列表功能,無資料時新增提示,新增item,刪除item,按關鍵字篩選item

搜尋:編號

名稱建立時間

操作列表無資料

}}}刪除

.table

.table th

.table tr td

.form

.form button

var vm = new vue(,],

//使用者新增的資料

formdata:,

keywords:""

}, methods:

this.list.push(p);

//清空頁面上的文字框中的資料

this.formdata.id = 0;

this.formdata.name = '';

},deldata:function(id)

//呼叫list.findindex()方法根據傳入的id獲取到這個要刪除的資料

var index = this.list.findindex(function(item));

待刪除的索引,刪除的元素個數)

this.list.splice(index,1);

},search(keywords)

})return newlist

}}})

關閉tomcat目錄列表功能

default情況下,如果你訪問tomcat下的乙個web應用,那麼如果你輸入的是乙個目錄名,而且該目錄下沒有乙個default網頁,那麼tomcat 將會列出該目錄下所有的檔案或是資料夾,這樣給我們帶了很大的不安全,可能一些有用的資料,被其他人很容易獲取.如果你想遮蔽這個預設行為,那麼可以修改。c...

Nginx開啟目錄列表功能

apache可以直接開啟目錄列表,nginx也有這種目錄瀏覽功能,可以直接顯示目錄下的檔案,但nginx預設是關閉的,如果需要此功能,則開啟即可。直接在根目錄開啟,則在server裡加上如下三行即可。autoindex on autoindex localtime on autoindex exac...

遮蔽tomcat的目錄列表功能

預設情況下,如果你訪問tomcat下的乙個web應用,那麼如果你輸入的是乙個目錄名,而且該目錄下沒有乙個可用的welcome檔案,那麼tomcat會將該目錄下的所有檔案列出來,如果你想遮蔽這個預設行為,那麼可以修改conf web.xml檔案,將其中的 default org.apache.cata...