这是一个例子:
混入.js
export default {
methods : {
aFunction() { // Some functionality here }
}
}
组件.vue
import mixin from './mixin'
export default {
mixins : [ mixin ]
created() {
// Call aFunction defined in the mixin here
}
}
我想从组件内部的 created() 生命周期方法访问在 mixin 方法内部定义的 aFunction。
最佳答案
mixin 方法与组件的当前实例合并,所以它只是:
created(){
this.aFunction()
}
这是一个例子。
console.clear()
const mixin = {
methods:{
aFunction(){
console.log("called aFunction")
}
}
}
new Vue({
mixins:[mixin],
created(){
this.aFunction()
}
})
<script src="https://unpkg.com/vue@2.4.2"></script>
关于javascript - 如何从 Vue.js 中的组件生命周期方法访问 mixin 方法内部的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46413319/