首先新建一個文件 mixinsPopicker.js
export const AllPopPicker = {
data() {
return {
newPickerOne: '',
},
mounted() {
this.initPopPicker()
},
beforeRouteLeave(to, from, next) {
// 全局路由鉤子 當頁面離開時銷燬所有popicker
this.disposePopicker()
next()
},
methods: {
disposePopicker() {
// 銷燬所有popicker
this.newPickerOne.dispose()
},
initPopPicker() {
// 初始化所有popicker
this.newPickerOne = new mui.PopPicker()
},
}
}
在需要使用的頁面引入
import { AllPopPicker } from '@/data/mixinsPopicker'
export default{
mixins: [AllPopPicker]
}
這樣就可以將mixinsPopicker.js中的所有方法參數都混入到父組件中