一.先建立乙個toast檔案,裡面再建立乙個toast.vue和乙個index.js
toast.vue
}
index.js
import toast from '../toast/toast.vue'(位址可能不一樣,根據自己路徑)
const obj ={}
obj.install =function(vue)
export default obj
二.在main.js中用引入外掛程式的方式引入
import toast from './components/common/toast'(位址可能不一樣,根據自己路徑)
vue.use(toast)
三.在頁面進行使用
this.$toast.show(content,time)
- content:你要顯示的內容
- time:多長時間消失
示例:this.$toast.show('您太棒了',1000)
toast彈框元件的封裝 外掛程式方式
我們這裡打算做乙個彈框功能 當我們點選加入購物車的時候 就會彈出這個彈框,把它做成外掛程式方式的好處,我們引用的時候就很簡單,只需要用this.toast就可以了,首先我們要寫乙個外掛程式 123 45627 然後我們需要根據這個元件構建元件物件,並把這個物件上傳到vue.prototype上去 方...
jQuery外掛程式的封裝
jquery外掛程式的封裝 fn上面新增乙個方法當需要給jquery物件 增加方法時,可以設定 fn下面新增乙個方法 這樣新增好以後,jquery物件就有這個方法了div div divs div div div p p p 當需要給jquery物件 增加方法時,可以設定 fn下面新增乙個方法 這樣...
外掛程式 之封裝
比方說 乙個 加 的外掛程式 function jquery add 5,6 呼叫方法 tab 欄切換 功能 function tab function options 把options中的屬性,把對應屬性的值賦給defaults對應的屬性 defaults.tabmenu options.tabm...