vue.js

1/110ページ

vue陣列物件排序

前言 最近在看vue的教學視訊,正好學到的陣列物件排序方法,在這跟大家分享一下,如有不足之處,請賜教。 普通陣列的排序先看程式碼: <div class="app"> <h1>v-for例項</h1> <hr> <ol> <li v- […]

前端入坑體驗與分享

一、Vue變化檢測 背景 初始化物件,屬性未知;某些事件觸發時,物件改變(新增屬性),Vue監聽不到 原因 Vue.js 不能檢測到物件屬性的新增或刪除,因為Vue.js 在初始化例項時將屬性轉為 getter/setter,所以屬性必須在 data 物件上才能讓 Vue.js 轉換它,才能讓它是響 […]

Vue.js 實踐(3):實現一個漂亮、靈活、可複用的提示元件

這次的教程裡,我們要把元件化進行到底!最近半年的幾個專案中,都遇到了需要使用Toast或者Notification元件的情況。在目前已有的一些基於Vue.js開發的元件庫,都沒有找到太合適的,所以自己重頭實現了一個。歷經幾個專案的磨練,這個提示元件的功能已經越來越完善,這次就分享一下元件以及其實現思 […]

vue動畫效果配置和彈層css sticky footer

vue動畫效果配置 有兩種方式: 一種是css方式 需要注意 4 個(CSS)類名在 enter/leave 的過渡中切換: v-enter: 定義進入過渡的開始狀態。在元素被插入時生效,在下一個幀移除。 v-enter-active: 定義進入過渡的結束狀態。在元素被插入時生效,在 transit […]

1 110