首先新建一个文件 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中的所有方法参数都混入到父组件中